网页右底部渐渐弹出小广告的实现

谁给个参考。

解决方案 »

  1.   

    csdn的页面里面不就是经常出现吗
      

  2.   

    看看这个 有下载和演示
    http://www.ijavascript.cn/share/jsad-code-float-right-221.html
      

  3.   

    http://www.cnblogs.com/hayden/archive/2009/07/31/1535728.html
    http://www.cnblogs.com/cloudgamer/archive/2010/10/11/AlertBox.html
      

  4.   

    正好我昨晚刚弄好的一个,给的示例正好是你说的这个,地址:http://blog.csdn.net/bakdfkuk/archive/2010/12/23/6093820.aspx  ,我就奇怪了,怎么一写出,今天在这里看到这么多人需要这个效果呢,写的虽然不好,不过足够你说的这个效果了
      

  5.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
    <style>
    #tip{
    position:absolute;
    left:90px;
    width:0px;
    height:0px;
    color:#FFF;
    font-size:12px;
    background-color:#000;
    border:1px solid #DEF;
    filter:Alpha(Opacity=0);
    opacity:0;
    z-index:999;
    }
    </style>
    <script type="text/javascript">
    <!--
    //定义“获得指定dom节点”的函数，因为其重用率高
    function $(d){return document.getElementById(d);}
    //控制div逐渐显示
    var i = 0;
    function change_show(){
       var obj = $("tip");
       i=i+1; //逐渐显示速度
       obj.style.filter = "Alpha(Opacity=" + i + ")"; //透明度逐渐变小
       obj.style.opacity = i/100; //兼容FireFox
       if(i>=100){
        clearInterval(s);
        i=0;
       }
    }
    //控制div逐渐消失
    var j = 100;
    function change_hidden(){
       var obj = $("tip");
       j=j-5; //逐渐消失速度
       obj.style.filter = "Alpha(Opacity=" + j + ")"; //透明度逐渐变大
       obj.style.opacity = j/100; //兼容FireFox
       if(j<=0){
        clearInterval(h);
       //obj.style.display="none";
        j=100;
       }
    }
    //控制change_show()行为
    var s;
    function show(x){
       if(s){clearInterval(s);}
       $("tip").style.display="block";
       s = setInterval(change_show,1);
    }
    //控制change_hidden()行为
    function hidden(x){
       $("tip").innerHTML="";
       h = setInterval(change_hidden,1);
    }
    //-->
    </script>
    </head>
    <body>
    <a href="#" onmouseover="show(this)" onmouseout="hidden(this)">鼠标滑过这里，渐变出现</a>
    <div id="tip" style="background-color:blue;width:48%;height:48%;"  >
    </div>
    </body>
    </html>
    这个例子是一个ｄｉｖ层逐渐显示和消失的例子，你说的广告其实就是一个层，层放在网页右底部，找个美工设计吧