<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jquery浮动层</title>
<style type="text/css">
#Float {background-color: #000;height: 200px;width: 100px;position: absolute;top: 80px;right: 20px;}
</style>
</head>
<script type="text/javascript" src="http://www.codefans.net/ajaxjs/jquery-1.6.2.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$(window).scroll(function (){
var offsetTop = $(window).scrollTop() + 80 +"px";
$("#Float").animate({top : offsetTop },{ duration:500 , queue:false });
});
});
</script>
<body>
<div style="height:2000px;"></div>
<div id="Float" style="color:#ffffff">我在浮动</div>
</body>
</html>
分享到:
相关推荐
点击弹出浮动层 弹出遮罩层 点击弹出浮动层 弹出遮罩层
js浮动浮动层显示,帮助层的应用,同时利于javaScript特效应用
Jquery左右浮动层 类似于点击收藏到
jQuery精美浮动层效果
js浮动层制作在线客服float浮动层固定在浏览器左侧
弹出浮动层漂亮登录框 Jquery
jquery弹出左侧隐藏的浮动层
JS弹出基于Table的可关闭浮动层.rarJS弹出基于Table的可关闭浮动层.rarJS弹出基于Table的可关闭浮动层.rar
弹出登录框的JQuery弹出浮动层,浮动层可以是另外的页面。无刷新弹层
jQuery制作顶部浮动层显示隐藏点击图标按钮浮动展开
基于jQuery精美浮动层效果(JS+CSS),完整源码,运行可看效果,非常漂亮的浮动层效果源码,分享给大家,供大家学习和借鉴
四个样式优美实用的div浮动层,全部基于jQuery实现,完整的源码,运行可查看效果
一个jquery html5浮动层特效,当向下拖动网页时,在指定位置显示浮动层,内核基于jquery.bubbleScroll.js,当向下滚动网页时弹出该浮动框,可通过自带的关闭按钮,关闭该弹层。
可兼容各种浏览器的可关闭的浮动层。已经在火狐,谷歌,和IE8下进行了测试。欢迎大家使用和评论!
附带完整的例子,对js完全不会的人也可以轻松使用,只要把例子中的js引用语句复制过去(地址当然要重新设定),然后把函数 $(function(){ $("#compore").floatdiv({left:"10px",top:"100px"}); });...
纯CSS3鼠标点击图片叠加浮动层注释信息
jquery div容器拖拽放大缩小浮动层代码
HTML5小菜一碟:浮动层拖动特效,先泼下凉水,在IE11下不兼容,所以IE8/IE9之类的就别想了。可以在火狐、Chrome以及Opera浏览器中看效果,可操作第一格中的小方格拖动至第二个DIV方格中。
原生js仿360开机启动右下角关闭浮动层效果
基于jquery无规则排列的浮动层许愿墙内容支持拖拽和关闭功能