表格图层悬浮特效

作者:sky 点击:124 评论:0 发布时间:周日, 06/28/2009 - 15:42 所属分类:表格图层

拖动滚动条时，这个图层始终悬浮定位在固定位置。

<!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=gb2312"> <meta name="keywords" content="站长,网页特效,网页特效代码,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,www.zzjs.net,站长特效网" /> <meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" /> <title>网页特效很人性化的仿淘宝表格首行冻结效果站长特效网欢迎您。</title> <style type="text/css"> body{ margin:0; padding:0; } #block{ padding-top:5px; width:600px; height:20px; background-color:red; } .sticky{ position:fixed; top:0; color:yellow; filter:alpha(opacity=50); opacity:0.5; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); } </style> <script src="/img/jquery_zzjs.js"></script> <script type="text/javascript"> $(function(){ var top = $('#block').offset().top; $(window).scroll(function () { $(document).scrollTop() > top ? $('#block').addClass('sticky') : $('#block').removeClass('sticky'); }); });//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。 </script> </head> <body> <a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>  需要加载js文件，请刷新后看效果。站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 <div id="block">往下滚动试试！一旦淹没就变……</div> 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 站长特效网 </body> </html>

提示：你可以先修改部分代码再运行。

顶一下

(0)

100%

踩一下

(0)

100%

标签: