第一步：下载jquery-mousewheel插件
第二步：复制以下代码做测试，打开日志看效果
jQuery(function($) {
$('#nav')
.bind('mousewheel', function(event, delta) {
var dir = delta >0 ? 'Up' : 'Down'
if (dir == 'Up') {
console.log(“向上滚动， www.imiansha.com”)
} else {
console.log(“向下滚动， http: //blog.csdn.net/u011627980”)
}
return false
})
})
}
<script type="text/javascript">$(document).ready(function() {
var Top = -400 //定义一个向上移动的距离，这个数值和你图片或DIV的高度相等
var Time = 500 //定义一个速度
function move() {
if ($("#box").is(":animated")) return
$("#box").animate({
"margin-top": Top
}, Time) //animate方法，只能对数值型的值进行渐变
Top += -400 //运行一次增加一个图片的高度
if (Top == -800) //判断当总高度大于你DIV或者图片总高度
{
Top = 0 //把距离设置回0
Time = 500 //加快移动速度
} else {
Time = 500 //否则减慢速度
}
}
setInterval(move, 6000) //3秒执行一次move()
})
</script>
