jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层

复制代码代码如下:<!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> <title>jquery.text-effects</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style> *{ margin:0; padding:0; } #test{ position:absolute; top:10px; right:10px; width:130px; height:60px; background:#555; color:#fff; font-size:13px; } </style> <script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script> <script language="javascript"> $(document).ready(function(){ var menuYloc = $("#test").offset().top; $(window).scroll(function (){ var offsetTop = menuYloc + $(window).scrollTop() +"px"; $("#test").animate({top : offsetTop },{ duration:600 , queue:false }); }); }); </script> </head> <body> <h1>7行代码的跟随屏幕滚动层.</h1> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <div id="test">Dev By CssRain.cn<br/>Test ie6+,firefox3.0</div> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> </body> </html>

　　推荐阅读

　　简单的js分页脚本

复制代码代码如下:<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> </script>>>详细阅读

本文标题：jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层

地址：http://www.17bianji.com/kaifa2/JS/28687.html

1/2 1