$(function() { // 配置参数 var options = { scrollContentDelay: 10, // 文章内容滚动前延迟 (s) scrollContentSpeed: 17, // 文章内容滚动速度 (数字越大越慢) changePageDelay: 10, // 文章内容滚动至末尾后, 翻页前等待时间 (s) scrollImgDelay: 8, // 图片滚动间隔 (s) scrollImgSpeed: 0.6, // 图片滚动速度 (数字越大越慢) }; // jquery 对象 var $pages_container = $('.pages'); var $pages = $('.page'); $pages_container.find('.page').eq(0).css('opacity',1); $pages_container.find('.page').eq(0).siblings().css('opacity',0); // 参数 var currentPage = 0; // 当前页页码 var pageCount = $pages.length; // 总页数 var changePageTimer = null; // reset page container width //$pages_container.width(pageCount * 100 + '%'); $pages_container.width('100%'); // 滚动内容及图片 function scrollContent() { clearTimeout(changePageTimer); var $currentPage = $pages.eq(currentPage); $currentPage.scrollImgs({ delay: options.scrollImgDelay, speed: options.scrollImgSpeed }); $currentPage.scrollContent({ delay: options.scrollContentDelay, speed: options.scrollContentSpeed, imgDelay: options.scrollImgDelay, callback: function() { // 回调 -> 设置翻页定时器 //debugger; if($currentPage.find('.content').hasClass('imgContent')){ changePage(); }else{ changePageTimer = setTimeout(changePage, options.changePageDelay * 1000); } } }); } // 翻页 function changePage() { // 停止滚动 //debugger; $pages.eq(currentPage).scrollImgs.stopScroll(); var prevPage = currentPage; if (++currentPage > pageCount - 1) { currentPage = 0; } // $pages_container.animate({ // left: -currentPage * 100 + '%' // }, scrollContent); //alert(currentPage) $pages_container.find('.page').eq(currentPage).css('opacity',1); $pages_container.find('.page').eq(currentPage).siblings().css('opacity',0); $pages_container.find('.page').css('transition','all 1s'); //alert(1) scrollContent(); setActiveTitle(); var $prevPage = $pages.eq(prevPage); //$prevPage.scrollContent.backToTop(); $prevPage.find('.content').css('top', 0); $prevPage.find('.imgContent').css('position', 'static'); //clearInterval($prevPage.scrollImgsTimer); //$prevPage.scrollImgs.stopScroll(); } // 初始化标题列表 var $titles_container = $('.titles_container'); var $titles; function initTitlesList() { $('.page .title').each(function(index, element) { //$titles_container.append($('

').text(element.innerHTML)); $titles_container.append($('

'+element.innerHTML+'

')); }); $titles = $('.titles_container h2') setActiveTitle(); $('.titles_container h2').eq(0).addClass('first'); var $titles_containerHeight = $('.titles_container').height(); var $logoHeight = $('.logo').height(); $('.titles_container h2').height(($titles_containerHeight-$logoHeight)/4) $('.titles_container h2').css('line-height',(($titles_containerHeight-$logoHeight)/4)/1.4+'px') } function setActiveTitle() { $titles.removeClass('active') .get(currentPage).className = 'active'; } function initPages() { initTitlesList(); // 滚动内容 scrollContent(); } initPages(); $('.text-content').each(function(){ $(this).find('img').css('display','none') }) });