起点中文网中左右两边的广告怎么实现的(广告无停留)

MY984503268 2012-10-27 04:11:14

http://www.qidian.com/Default.aspx
就是那两边的广告是什么技术实现的.
...全文
751 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
MY984503268 2012-10-31
  • 打赏
  • 举报
回复
尼玛这么简单.开始看起点的源码我还以为很难。擦.
MY984503268 2012-10-31
  • 打赏
  • 举报
回复
反正今天挺闲的.找了一下午。总算找到了.贴一下源码吧!
<!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,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网,站长必备js特效及广告代码。大量高质量js特效,提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 支持各种浏览器的固定悬浮层 站长特效网</title>
<style type="text/css">
* {padding:0; margin:0;}
body {height:100%; overflow:hidden; font-size:14px; line-height:2; position:relative;}
html {height:100%; overflow:hidden;}
.www_zzjs_net_l {position:absolute; top:30px; left:50%; width:100px; margin-left:-490px; height:350px; background: #66FF00; border:1px solid #f60; text-align:center;}
.www_zzjs_net_r {position:absolute; top:30px; left:50%; width:100px; margin-left:370px; height:350px; background: #66FF00; border:1px solid #f60; text-align:center;}
.zzjs_net {height:100%; overflow:auto; overflow-y:scroll;}
._zzjs_net {width:700px; margin:0 auto; background:#f2f2f2; padding:20px;}
</style>
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net,站长js特效。<hr>
<!--欢迎来到站长特效网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.zzjs.net,zzjs@msn.com,用.net打造靓站-->
<div class="www_zzjs_net_l">左侧固定悬浮</div>
<div class="www_zzjs_net_r">右侧固定悬浮</div>
<div class="zzjs_net">
<div class="_zzjs_net">
站长特效网,www.zzjs.net,打造国内最帅的网页特效站!<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 /><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 /><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 /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>
</div>
</body>
</html>
这是我今天找的连接地址:http://js.alixixi.com/a/2010092765153.shtml
谢谢上面的各位!
noahxinhao 2012-10-31
  • 打赏
  • 举报
回复
或者这么说吧,在整个页面的body的长宽都设置100%,然后设置它的滚动条隐藏,然后在body里面写一个整体的div,这个div的滚动条是默认设置,这样你在整个body上的左右两边的div位置是依赖整个body的,在页面滚动的时候也就是那个虚拟的div的滚动条而不是body的滚动条,所以左右两边的div位置不会发生变化而div里面的内容会发生变化.....
好吧 估计你也听不懂,这种方法有些麻烦,所以建议你还是用第一种使用绝对位置的方法
noahxinhao 2012-10-31
  • 打赏
  • 举报
回复
这个好做的啊,设置左右的两个广告栏位置为绝对位置就不会随着页面的滚动而发生位置改变了啊
MY984503268 2012-10-31
  • 打赏
  • 举报
回复
查看了源码!但是还是无法具体做出那样的效果.
  • 打赏
  • 举报
回复
有广告过滤插件,看不到.
你看看它页面的源码不就知道了吗.

67,515

社区成员

发帖
与我相关
我的任务
社区描述
J2EE只是Java企业应用。我们需要一个跨J2SE/WEB/EJB的微容器,保护我们的业务核心组件(中间件),以延续它的生命力,而不是依赖J2SE/J2EE版本。
社区管理员
  • Java EE
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧