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


http://www.qidian.com/Default.aspx
就是那两边的广告是什么技术实现的.

解决方案 »

  1.   

    或者这么说吧，在整个页面的body的长宽都设置100%,然后设置它的滚动条隐藏，然后在body里面写一个整体的div，这个div的滚动条是默认设置，这样你在整个body上的左右两边的div位置是依赖整个body的，在页面滚动的时候也就是那个虚拟的div的滚动条而不是body的滚动条，所以左右两边的div位置不会发生变化而div里面的内容会发生变化.....
    好吧 估计你也听不懂,这种方法有些麻烦，所以建议你还是用第一种使用绝对位置的方法
      

  2.   

    反正今天挺闲的.找了一下午。总算找到了.贴一下源码吧!<!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，[email protected],用.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
    谢谢上面的各位!