表格图层悬浮特效

稿源：互联网 2022-04-02 21:43:02 点击： 2746 撤稿纠错

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

以下讨论的是和悬浮相关的表格图层悬浮特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!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>

关于表格图层悬浮特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2010091564724.shtml方便下次再访问哦。

·上一篇： 点击按钮弹出渐隐提示层
·下一篇： jquery隔行换色特效

表格图层悬浮特效

文章分类LIST >>返回首页

最新游戏

最新新闻