基于jquery的浮动层效果代码
2011-08-04 00:00
676 查看
本浮动层基于jQuery1.6.2,对于研究1.6版本的jquery很有帮助意义。
jquery浮动层
#Float {background-color: #000;height: 200px;width: 100px;position: absolute;top: 80px;right: 20px;}
$(document).ready(function(){
$(window).scroll(function (){
var offsetTop = $(window).scrollTop() + 80 +"px";
$("#Float").animate({top : offsetTop },{ duration:500 , queue:false });
});
});
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
jquery浮动层
#Float {background-color: #000;height: 200px;width: 100px;position: absolute;top: 80px;right: 20px;}
$(document).ready(function(){
$(window).scroll(function (){
var offsetTop = $(window).scrollTop() + 80 +"px";
$("#Float").animate({top : offsetTop },{ duration:500 , queue:false });
});
});
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- JavaScript 浮动定位提示效果实现代码第1/2页
- Android应用中制作选中后图标变大浮动效果的代码分享
- 利用jQuary实现文字浮动提示效果示例代码
- transitional.dtd影响浮动效果的解决:改js代码中的document.body
- js 右侧浮动层效果实现代码(跟随滚动)
- JavaScript 浮动定位提示效果实现代码第1/2页
- jQuery实现的登录浮动框效果代码
- 基于jquery的浮动层效果代码
- 基于jquery实现的上传图片及图片大小验证、图片预览效果代码!
- 利用jQuary实现文字浮动提示效果示例代码
- js 右侧浮动层效果实现代码(跟随滚动)
- 利用jQuary实现文字浮动提示效果示例代码
- easy-ui的input框联动效果js实现代码.
- js 一行代码实现图片圆角(角度可调)+ 阴影效果实现
- Android 仿大众点评团购购买条浮动效果
- js右键菜单效果代码
- js 图片随机不定向浮动的实现代码
- CSS实用代码:清除浮动、单行省略号、图片宽高比例、display兼容代码、三角形状
- JS打开层/关闭层/移动层动画效果的实例代码