jquery鼠标滚动控制文字列表切换特效

文字列表鼠标滚动左右滑动切换显示文字列表效果代码。$.fn.join_qh = function(can){ can = $.extend({ box:null, num1:null,//记录当前屏数 num2:null,//记录鼠标滚轮延时执行 objDiv:null,//在这个区域内，浏览器滚动条失效 pic_num:null,//当前显示图片数量(li个数) time:null//切换一屏时间 }, can || {}); $(can.num1).val(0); $(can.num2).val(0); var sig = $(can.box).find('ul li').innerWidth(); var num_sum = $(can.box).find('ul li').length; $(can.box).find('ul').width(sig*num_sum); $(can.box).mousewheel(function(event, delta) { var aaaa=$(can.num2).val(); if (aaaa == 1){ return; } join_gun(delta); });function join_gun(a){ var z =$(can.num1).val(); b = parseInt(z); c = Math.ceil(num_sum/can.pic_num); if(a<0){ if(-b==c-1){ return; } b-=1; $(can.num2).val(1); }else if(a>0){ if(-b==0){ return; } b+=1; $(can.num2).val(1); } $(can.num1).val(b); var single_w = sig*can.pic_num; move_w =single_w*b; $(can.box).find('ul').animate({'left': move_w},can.time); setTimeout(function(){ $(can.num2).val(0); },1400); }//禁止鼠标滚轮事件对于浏览器滚动条的滚动var scrollFunc=function(e){ e=e||window.event; if (e&&e.preventDefault){ e.preventDefault(); e.stopPropagation(); }else{ e.returnvalue=false; return false; }}var obj=document.getElementById(can.objDiv);if(obj.addEventListener&&!window.opera)obj.addEventListener('DOMMouseScroll',scrollFunc,false);elseobj.onmousewheel=scrollFunc;}/*生成换行for(i=0; i<65;i++){$('body').append('
')}*/

在线演示        积分下载        6毛下载        砍两刀下载