当前位置:首页 > 网页特效 > 焦点图 >

jQuery鼠标滚轮控制幻灯片切换

时间:2014-07-25 08:42 来源:互联网 作者:源码搜藏 收藏 推荐

  • 广告推荐
效果预览 立即下载

jQuery鼠标滚轮控制幻灯片切换jQuery鼠标滚轮控制幻灯片切换是一款基于jQuery实现的鼠标滚轮控制幻灯效果。jQuery鼠标滚轮鼠标滚动图片切换

<script type='text/javascript' src="js/jquery.min.js"></script>
<script type='text/javascript' src="js/jquery.mousewheel.js"></script>
<script type='text/javascript'>
$(function(){
 
 $('.slider').first().addClass('showit');




 $('#sliders').on('mousewheel', function(event) {

var $showitem = $('#sliders').find('.showit');
if(event.deltaY>0){


if($showitem.prev().length){
$showitem.prev().addClass('showit').siblings().removeClass('showit');
}else{
$('.slider').last().addClass('showit').siblings().removeClass('showit');
}
  
}else{
  
if($showitem.next().length){
$showitem.next().addClass('showit').siblings().removeClass('showit');
}else{
$('.slider').first().addClass('showit').siblings().removeClass('showit');
}
 
}

console.log(event.deltaX, event.deltaY, event.deltaFactor);


 });
 
});
</script>

本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

焦点图下载排行

最新文章