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

chen'mo
2013-02-08 / 0 评论 / 4,237 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于1970年01月01日,已超过20079天没有更新,若内容或图片失效,请留言反馈。

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

<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

0
前台JQ:文章列表滚动效果(仿微博即时更新效果)
« 上一篇 02-08
前台:分页JQ无刷新加载分页内容
下一篇 » 02-08

评论 (0)