js效果页面往上滚

JavaScript022

js效果页面往上滚,第1张

可以根据滚动条y方向的值来设定第一城图片的top值

绑定 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

})

})

}