// 切换图片 lufp 插件 /* 功能:切换图片,要求DOM结构 this > ul.lu-fp-img li(.cur) , this > ul.lu-fp-ctrl li(.cur) / 说明:css页面完全由自己控制 / 作者:luderson luderson.cn */ // 图片切换插件 (function($){ $.fn.lufp = function(options){ var obj = $(this); var _fpInterv = 6000; // 间隔时间 ms var _fpFadetime = 1000; // 淡入淡出时间 ms var fpLen = $(".lu-fp-img li").length; var fpIndex = 1; $(".lu-fp-img li",obj).eq(0).addClass("cur"); $(".lu-fp-ctrl li",obj).eq(0).addClass("cur"); var playTime = setInterval(startIntval,_fpInterv); // 启动 $(".lu-fp-ctrl li",obj).hover(function(){ // 鼠标移上控制格时 fpIndex = $(".lu-fp-ctrl li",obj).index(this); showPic(fpIndex); clearInterval(playTime); playTime = null; },function(){ playTime = setInterval(startIntval,_fpInterv); // 启动 }); $(".lu-fp-img li",obj).hover(function(){ // 鼠标移上图片时 clearInterval(playTime); playTime = null; },function(){ playTime = setInterval(startIntval,_fpInterv); // 启动 }); function startIntval(){ // 间隔执行函数 showPic(fpIndex); fpIndex++; if(fpIndex == fpLen){ fpIndex = 0} } function showPic(i){ // 切换到某幻灯片 $(".lu-fp-img li",obj).eq(i).fadeIn(_fpFadetime); $(".lu-fp-img li",obj).eq(i).siblings().fadeOut(_fpFadetime); $(".lu-fp-ctrl li",obj).eq(i).siblings().removeClass("cur"); $(".lu-fp-ctrl li",obj).eq(i).addClass("cur"); } }; })(jQuery); // 移动图片 lumovepic 插件 /* 功能:移动图片,要求DOM结构 thisDIV > div.left-btn,right-btn ; thisDIV > div.cont > ul > li / 说明:css页面完全由自己控制 / 作者:luderson luderson.cn */ // 横排图片按钮控制左右运动效果 通过隐藏最前张或最后张图片的方式实现左右移动 (function($){ $.fn.lumovepic = function(options){ var obj = $(this); var _fpInterv = 6000; // 间隔时间 ms var _fpFadetime = 500; // 淡入淡出时间 ms $(".left-btn",obj).bind("click",function(){ moveLeft(); }); $(".right-btn",obj).bind("click",function(){ moveRight(); }); var playTime = setInterval(moveRight,_fpInterv); // 启动 function moveLeft(){ //渐隐第一个可见元素实现向左移的效果 $(".cont ul li",obj).first().clone(true).appendTo( $(".cont ul",obj) ); // 把队列第一个克隆一份到队列最后 $(".cont ul li",obj).first().hide(_fpFadetime, function(){ $(".cont ul li",obj).first().remove(); // 把自己删了 } ); } function moveRight(){ //渐现最后一个不可见元素实现向由移的效果 $(".cont ul li",obj).last().hide().clone(true).prependTo( $(".cont ul",obj) ); // 最后那个先隐藏,再克隆到队列最前 $(".cont ul li",obj).last().remove(); // 删掉最后一个 $(".cont ul li",obj).first().show(_fpFadetime); } }; })(jQuery); $(function(){ // 调用lusp插件lu-fp $("#lu-fp").lufp(); // 调用lumovepic插件lu-fp $("#lu-pic-move").lumovepic(); // 导航效果处理 $('.nav li').hover(function(){ $('#navsub').html($(this).find('ul').html()); $(this).siblings().removeClass('hover'); $(this).addClass('hover'); },function(){;} ); // 导航链接,分页链接点击处理 $(".ajaxload__bak, .list-page__bak a").live('click',function(){ //console.log(this); url = $(this).attr('href'); // 空链接的话选择子栏的第一项 if(url=='#'){ url = $(this).siblings().first().find('a').first().attr('href');} $('#main .right-sidebar').load(url); $('body').ScrollTo(600); return false; }); // 首页文档链接点击处理 $(".ajaxArtI__bak").bind('click',function(){ url = $(this).attr('href'); if(url=='#'){ return false; } // 空链接不管 // 标记为新窗口打开的要在新窗口打开 if( $(this).attr('target')=='_blank' ){ return true; } $('#artAreI').empty().append("
"); if($("#artAreIReturn").length==0){ $('#artAreI').before('
<< 返回  
'); } $('#art-area').load(url); $('body').ScrollTo(600); return false; }); // 列表页文档链接点击处理 $(".ajaxArt__bak, .a-prvnext__bak a").live('click',function(){ url = $(this).attr('href'); if(url=='#'){ return false; } // 空链接不管 // 标记为新窗口打开的要在新窗口打开 if( $(this).attr('target')=='_blank' ){ return true; } $('#art-area').load(url); $('body').ScrollTo(600); return false; }); // 视频划入划出效果 要求结构 .mask .icon 切换其显示 $(".lu-video-btn li").live('mouseover mouseout',function(){ if (event.type == 'mouseover') { $(this).children(".mask,.icon").css({display:"block"}) } else { $(this).children(".mask,.icon").css({display:"none"}) } }); });