前台JQ:右列部分内容浮动跟随滚动

2013-2-8 chenmo 网站建设

就是好多网站往下拉 而右边的侧边栏却不动,可提高广告的展现率。

<head></head>之间加入

<style>
.sidebar {position:relative;}/*此属性必须*/
.div1{}
.div2{position:fixed;_position:absolute;top:0px;z-index:300;}/*此属性必须*/
</style>
<script src="/js/jquery.min.js"></script>

<body></body>之间构造

<!--▼右侧容器-->
<div class="sidebar">
……省略内容 注意此处的一定定义高度
<!--▼生效区域-->
<div id="float" class="div1">
此处放需要跟随滚动的内容比如广告
</div>
<!--▲生效区域-->
……省略内容
</div>
<!--▲右侧容器-->
<script src="/js/left.ad.js" type="text/javascript"></script>
需要的文件
1.http://www.iaeweb.com/js/jquery.min.js
2.http://www.iaeweb.com/js/left.ad.js

标签: AKCMS 代码修改 右侧浮动固定

Powered by emlog 湘ICP备13007859号 空间由景安网络赞助