jquery处理滚动条事件
来源:互联网 发布:淘宝助手怎么用 编辑:程序博客网 时间:2024/05/01 06:55
当页面的滚动条上下移动时,飘浮广告随着滚动条的滚动而上移或者下移,要明白两点,第一:放广告的层最好采用绝对定位,它的位置应该随着滚动条的改变而上下移动,滚动条的滚动促发的是onscroll事件,广告条所在的层的top值就是滚动条的高度,具体代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){
$(window).scroll(function(){
var vtop=$(document).scrollTop();
var vv=eval(vtop+200)+"px";
$("#tv").css('left',$(document.body).width()+"px")
$("#tv").css('top',vv);
//$("#tv").animate({top:});
});
}
)
</script>
</head>
<body>
<form method="post" action="">
<div id="tv" style="position:absolute;top:60px;">我爱中国</div>
<div id="nn">
<button class="int">sdfdsfds</button> <label for="username">用户名:</label> <input type="text" id="username" class="required"/>
sdsdfsdsdfsdfsdfdsf
</div>
<div></div>
</form>
</body>
</html>
$(window).height();获取浏览器显示区域的高度;
$(window).width();获取浏览器显示区域的宽度;
$(document.body).height();获取页面文档的高度;
$(document.body).width();获取页面文档的宽度;
$(document).scrollTop();获取滚动条到顶部的高度;
$(document).scrollLeft();获取滚动条到左边的宽度;
- jquery处理滚动条事件
- Jquery滚动条事件的处理
- jquery 滚动条事件
- jquery 滚动条事件
- JQuery滚动条事件
- jQuery处理滚动事件
- jquery 滚动条 触发事件
- Jquery滚动条监听事件
- jquery处理进度滚动条
- jquery滚动条到底部触发事件
- js处理鼠标及滚动条事件
- jQuery滚动条事件控制导航显示效果
- jQuery scroll事件实现监控滚动条分页示例
- jQuery scroll事件实现监控滚动条分页示例
- jQuery scroll事件实现监控滚动条分页示例
- 网页滚动条滚动事件
- 滚动事件判断滚动条
- 滚动条事件
- phpmyadmin代码研读
- 心轮是让你感受到心念的冷暖,
- scanf中的正则表达式
- CSS中hack和注释书写规范
- etc/rc.d目录下的介绍
- jquery处理滚动条事件
- Android debug summary
- Android的设置界面及Preference使用
- JSP/Servlet设置编码格式的问题
- 深入浅出WPF学习(一)
- Hibernate高级映射 --- 组件映射
- android NFC开发实例
- iPhone网络开发
- java学习:内部类和异常