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>
热门源码