duilian.txt

我就来介绍一下常见的对联浮动广告效果的代码使用方法

            currentX_right = currentY_right = 0; 
                 whichIt_right = null;          
                 lastScrollX_right = 0; lastScrollY_right = 0;
                 NS = (document.layers) ? 1 : 0;
                 IE = (document.all) ? 1: 0;    
                 function heartBeat_right() {
                  if(IE) {
              diffY_right = document.body.scrollTop;
              diffX_right = document.body.scrollLeft; }
                         if(NS) {
               diffY_right = self.pageYOffset; diffX_right = self.pageXOffset; }
                  if(diffY_right != lastScrollY_right) {
                                 percent_right = .5 * (diffY_right - 
            lastScrollY_right);
                                 if(percent_right > 0) percent_right = 
            Math.ceil(percent_right);
                                 else percent_right = Math.floor(percent_right);
                     if(IE) document.all.floater_right.style.pixelTop += 
            percent_right;
                     if(NS) document.floater_right.top += percent_right;
                                 lastScrollY_right = lastScrollY_right + 
            percent_right;
                     }
                  if(diffX_right != lastScrollX_right) {
                   percent_right = .5 * (diffX_right - lastScrollX_right);
                   if(percent_right > 0) percent_right = 
            Math.ceil(percent_right);
                   else percent_right = Math.floor(percent_right);
                   if(IE) document.all.floater_right.style.pixelLeft += 
            percent_right;
                   if(NS) document.floater_right.left += percent_right;
                   lastScrollX_right = lastScrollX_right + percent_right;
                  }
                 }
                 if(NS || IE) action = 
window.setInterval("heartBeat_right()",1);
            function bigshow_right(){
            document.all.div_right_250.style.visibility = 'visible';
            document.all.div_right_80.style.visibility = 'hidden';
            }
            function bighide_right(){
            document.all.div_right_80.style.visibility = 'visible';
            document.all.div_right_250.style.visibility = 'hidden';
            }document.write('');
            document.write('');
            document.write('');

            　　把上面的代码另存为一个JS文件，然后在想实现此效果的页面用


            <script type="text/javascript" language="javascript1.2" 
            src="*.js"></SCRIPT>

            　　调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！ 
            与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面文本框中就是实现效果所需代码：

            var delta=0.015;
            var collection;
            var closeB=false;
            function floaters() {
              this.items = [];
              this.addItem = function(id,x,y,content)
                  {
                 document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: 
            absolute;  width:80px; 
            height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
                
                 var newItem    = {};
                 newItem.object   = document.getElementById(id);
                 newItem.x    = x;
                 newItem.y    = y;
                 this.items[this.items.length]  = newItem;
                  }
              this.play = function()
                  {
                 collection    = this.items
                 setInterval('play()',30);
                  }
              }
              function play()
              {
               if(screen.width<=800 || closeB)
               {
                for(var i=0;i<collection.length;i++)
                {
                 collection[i].object.style.display = 'none';
                }
                return;
               }
               for(var i=0;i<collection.length;i++)
               {
                var followObj  = collection[i].object;
                var followObj_x  = 
            (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
                var followObj_y  = 
            (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);
                if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) 
            {
                 var 
            dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
                 dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
                 followObj.style.left=followObj.offsetLeft+dx;
                 }
                if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
                 var 
            dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
                 dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
                 followObj.style.top=followObj.offsetTop+dy;
                 }
                followObj.style.display = '';
               }
              }
              function closeBanner()
              {
               closeB=true;
               return;
              }
            var theFloaters  = new floaters();
            //
            theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'<a 
            onClick="closeBanner();" href=http://www.dfeng.net 
            target=_blank><img 
            src="/Files/HTML/2006-10/12/06101209194566061.gif" width=100 
            height=554 border=0></a><br><br><img 
            src="/Files/HTML/2006-10/12/06101209194677808.gif" 
            onClick="closeBanner();">');
            theFloaters.addItem('followDiv2',0,0,'<a onClick="closeBanner();" 
            href=http://www.dfeng.net target=_blank><img 
            src="/Files/HTML/2006-10/12/06101209194628432.gif" width=100 
            height=400 border=0 ></a><br><br><img 
            src="/Files/HTML/2006-10/12/06101209194677808.gif" 
            onClick="closeBanner();">');
            theFloaters.play();

            　　把上面的代码另存为一个JS文件，然后在想实现此效果的页面用 调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！ 





4.====>浮动对联广告---之左侧代码
            　　如果您想只有一侧显示的话,下面是实现左侧效果所需代码：

            var ad_float_left_src ="图片地址";
            var ad_float_left_url ="地址";
            var ad_float_left_type = "";
            document.ns = navigator.appName == "Microsoft Internet Explorer"
            var imgheight_close
            var imgleft
            window.screen.width>800 ? imgheight_close=120:imgheight_close=120
            window.screen.width>800 ? imgleft=8:imgleft=122
            function myload()
            {
            myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
            t-imgheight_close;
            myleft.style.left=imgleft;
            leftmove();
            }
            function leftmove()
            { 
            myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
            t-imgheight_close;
            myleft.style.left=imgleft;
            setTimeout("leftmove();",50)
            }
            function MM_reloadPage(init) {  //reloads the window if Nav4 
            resized
              if (init==true) with (navigator) {if ((appName=="Netscape")&&
            (parseInt(appVersion)==4)) {
                document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; 
            onresize=MM_reloadPage; }}
              else if (innerWidth!=document.MM_pgW || innerHeight!
            =document.MM_pgH) location.reload();
            }
            MM_reloadPage(true)
            function close_float_left(){
            myleft.style.visibility='hidden';
            }
            document.write("<div id=myleft style='position: 
            absolute;width:80;top:300;left:5;visibility: visible;z-index: 1'>"
            +"<style>"
            +"A.closefloat:link,A.refloat:visited {text-
            decoration:none;color:#000000;font-size:12px}"
            +"A.closefloat:active,A.refloat:hover 
            {text-decoration:underline;color:#0000FF;font-size:12px}"
            +"</style>"
            +"<table border=0 cellpadding=0 cellspacing=0><tr><td>");
            if(document.ns){
            if(ad_float_left_type!="swf")
            document.write("<a href='" + ad_float_left_url + "' target 
            = '_blank'><img src='" + ad_float_left_src + "' WIDTH=88 
            height=31 border=0></a>");
            else
            document.write("<EMBED src='" + ad_float_left_src + "' 
            quality=high  WIDTH=80 HEIGHT=80 TYPE='application/x-shockwave-
            flash' id=changhongout ></EMBED>");
            document.write("</td></tr><tr><td width=80 height=20 
            align=right><a href='javascript:close_float_left();void(0);' 
            class=closefloat><b><font color=#ff0000>关闭</font></b></a></td></tr>"
            +"</table>"
            +"</div>");
            myload()} 

            　　把上面的代码另存为一个*.JS文件，然后在想实现此效果的页面用

            <script  src="*.js"></SCRIPT>
            　　调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！相应的参数可以根据页面自行调整。