美文网首页
前端代码 返回顶部 backToTop

前端代码 返回顶部 backToTop

作者: 孙孟君 | 来源:发表于2016-09-14 15:49 被阅读0次
    /*====================================================
      TABLE OF CONTENT
      1. function declearation
      2. Initialization
    ====================================================*/
    
    /*===========================
     1. function declearation
     ==========================*/
    var themeApp = {
        featuredMedia: function(){
            $(".post").each(function() {
                var thiseliment = $(this);
                var media_wrapper = $(this).find('featured');
                var media_content_image = media_wrapper.find($('img'));
                var media_content_embeded = media_wrapper.find('iframe');
                if (media_content_image.length > 0) {
                    $(media_content_image).insertAfter(thiseliment.find('.post-head')).wrap("<div class='featured-media'></div>");
                    thiseliment.addClass('post-type-image');
                    media_wrapper.remove();
                }
                else if (media_content_embeded.length > 0) {
                    $(media_content_embeded).insertAfter(thiseliment.find('.post-head')).wrap("<div class='featured-media'></div>");
                    thiseliment.addClass('post-type-embeded');
                }
            });
        },
        responsiveIframe: function() {
            $('.post').fitVids();
        },
        sidebarConfig:function() {
            if(sidebar_left == true) {
                $('.main-content').addClass('col-md-push-4');
                $('.sidebar').addClass('col-md-pull-8');
            }
        },
        recentPost:function() {
            var feed_url = "/rss/";
            var code = String('');
            $.get(feed_url, function(data) {
                $(data).find('item').slice(0,recent_post_count).each(function(){
                    var full = $(this).find('description').text();
                    var content = $(this).contentSnippet;
                    var link = $(this).find('link').text();
                    var title = $(this).find('title').text();
                    var published_date = $(this).find('pubDate').text();
                    function format_date (dt) {
                        var d = new Date(dt);
                        var month_name = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
                        var month = month_name[d.getMonth()];
                        var date = d.getDate();
                        var year = d.getFullYear();
                        var formatted_dt = month+' '+date+','+' '+year;
                        return formatted_dt;
                    }
                    code += '<div class="recent-single-post">';
                    code += '<a href="' + link + '" class="post-title">' + title + '</a><div class="date">' + format_date(published_date) + '</div>';
                    code += '</div>';
                })
                $(".recent-post").html(code);
            });
        },
        highlighter: function() {
            $('pre code').each(function(i, block) {
                hljs.highlightBlock(block);
              });
        },
        backToTop: function() {
            $(window).scroll(function(){
                if ($(this).scrollTop() > 100) {
                    $('#back-to-top').fadeIn();
                } else {
                    $('#back-to-top').fadeOut();
                }
            });
            $('#back-to-top').on('click', function(e){
                e.preventDefault();
                $('html, body').animate({scrollTop : 0},1000);
                return false;
            });
        },
        init: function() {
            themeApp.featuredMedia();
            themeApp.responsiveIframe();
            // themeApp.sidebarConfig();
            // themeApp.recentPost();
            themeApp.highlighter();
            themeApp.backToTop();
        }
    }
    
    /*===========================
    2. Initialization
    ==========================*/
    $(document).ready(function(){
      themeApp.init();
    });
    
    
    

    相关文章

      网友评论

          本文标题:前端代码 返回顶部 backToTop

          本文链接:https://www.haomeiwen.com/subject/bwvvettx.html