绑定 onscroll事件 ,当滚动轮滚动的时候去获取滚动轮相对于y方向的值(top值),将第一层的top值设定成和滚动的top值相等就可以了,第一层别忘记加 position:absolute
html已经封好了,不用js,在html页面里用拷下面的标签试试
<marquee direction="down">
<dl>
<dt><b>我的账户</b>
<dd style="color:blue">基本资料</dd>
<dd style="color:blue">修改密码</dd>
<dd style="color:blue">修改头像</dd>
</dt>
<dt><b>好友</b>
<dd style="color:blue">我的好友</dd>
<dd style="color:blue">好友管理</dd>
<dd style="color:blue">查找好友</dd>
</dt>
</dl>
</marquee>
向上滚动 改个参数即可。。
jQuery监听鼠标滚轮(滚动)事件第一步:下载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
})
})
}