• <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>
  • 頁面兩側對聯廣告(鼠標感應)代碼效果

    發表于:2007-06-21來源:作者:點擊數: 標簽:
    現在很多網站廣告做的如火如荼,現在我就來介紹一下常見的對聯浮動廣告效果的代碼使用方法,本文介紹的這種效果,在1024*768分辨率下正常顯示,在800*600的分辨率下可以自動隱藏,以免遮住頁面影響訪問者瀏覽內容,而且與前面一個代碼不同的是, 當鼠標移動

       

      現在很多網站廣告做的如火如荼,現在我就來介紹一下常見的對聯浮動廣告效果的代碼使用方法,本文介紹的這種效果,在1024*768分辨率下正常顯示,在800*600的分辨率下可以自動隱藏,以免遮住頁面影響訪問者瀏覽內容,而且與前面一個代碼不同的是,

    當鼠標移動到廣告圖片上是可以感應顯示另外設置好的廣告大圖效果,下面文本框中就是實現效果所需代碼:

    function bigshow(){
    document.all.div_250.style.visibility = 'visible';
    document.all.div_80.style.visibility = 'hidden';
    }
    function bighide(){
    document.all.div_80.style.visibility = 'visible';
    document.all.div_250.style.visibility = 'hidden';
    }

    var ad_80= new Array(1);
    var ad_250= new Array(1);

     ad_80[0]="<a href=http://www.webjx.com target=_blank><img src=/img2/js050121_1.gif border=0></a>";
     ad_250[0]="<a href=http://www.webjx.com target=_blank><img src=/img2/js050121_2.gif border=0></a>";

    var imgheight;
    var fubioleft;
    window.screen.width>800 ? fubioleft=15:fubioleft=15

    document.write('<DIV id=floater_left style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px">');

    ad_now = new Date();
    ad_id= ad_now.getSeconds() %1

    var adhead1="<div id=div_80 style='position:absolute; width:95px; height:62px; z-index:12' onMouseOver=bigshow();>";
    var adhead2="</div><div id=div_250 style='position:absolute;  visibility: hidden; z-index:13;width: 80; height: 60'  onMouseOut=bighide();>";

    document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div>");

    document.write ("</div>");
     self.onError=null;
     currentX = currentY = 0; 
         whichIt = null;          
         lastScrollX = 0; lastScrollY = 0;
         NS = (document.layers) ? 1 : 0;
         IE = (document.all) ? 1: 0;    
         function heartBeat() {
          if(IE) {
      diffY = document.body.scrollTop;
      diffX = document.body.scrollLeft; }
                 if(NS) {
       diffY = self.pageYOffset; diffX = self.pageXOffset; }
          if(diffY != lastScrollY) {
                         percent = .5 * (diffY - lastScrollY);
                         if(percent > 0) percent = Math.ceil(percent);
                         else percent = Math.floor(percent);
             if(IE) document.all.floater_left.style.pixelTop += percent;
             if(NS) document.floater_left.top += percent;
                         lastScrollY = lastScrollY + percent;
             }
          if(diffX != lastScrollX) {
           percent = .5 * (diffX - lastScrollX);
           if(percent > 0) percent = Math.ceil(percent);
           else percent = Math.floor(percent);
           if(IE) document.all.floater_left.style.pixelLeft += percent;
           if(NS) document.floater_left.left += percent;
           lastScrollX = lastScrollX + percent;
          }
         }
     
         if(NS || IE) action = window.setInterval("heartBeat()",1);var ad_80= new Array(1);
    var ad_250= new Array(1);


     ad_80[0]="<a href=http://www.webjx.com target=_blank><img src=/img2/js050121_2.gif border=0></a>";
     ad_250[0]="<a href=http://www.webjx.com target=_blank><img src=/img2/js050121_1.gif border=0></a>";

    var imgheight;
    var fubioleft;
    window.screen.width>800 ? fubioleft=15:fubioleft=15

    document.write('<DIV id=floater_right style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px">');

    ad_now = new Date();
    ad_id= ad_now.getSeconds() %1


     function myload()
    {
    if (navigator.appName == "Netscape")
    {
    document.div_right_80.pageX=+window.innerWidth-130;
    document.div_right_250.pageX=+window.innerWidth-300;
    mymove();
    }
    else
    {
    div_right_80.style.left=document.body.offsetWidth-130;
    div_right_250.style.left=document.body.offsetWidth-300;
    mymove();
    }
    }

    function mymove()
     {
     if(document.ns)
     {
     document.div_right_80.left=pageXOffset+window.innerWidth-130;
     document.div_right_250.left=pageXOffset+window.innerWidth-300;
     setTimeout("mymove();",20)
     }
     else
     {
    div_right_80.style.left=document.body.scrollLeft+document.body.offsetWidth-145;
    div_right_250.style.left=document.body.scrollLeft+document.body.offsetWidth-300;
    setTimeout("mymove();",20)
     }
     }

     

    var adhead1="<div id=div_right_80 style='position:absolute; width:95px; height:60px; z-index:12' onMouseOver=bigshow_right();>";
    var adhead2="</div><div id=div_right_250  style='position:absolute;  visibility: hidden; z-index:13;width: 250; height: 250' onMouseOut=bighide_right();><div align=right>";

    document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div></div>");

    myload()

    document.write ("</div>");
     self.onError=null;
     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>調用即可,*代表你另存的文件名!注意修改廣告圖片地址和連接地址!

    原文轉自:http://www.kjueaiud.com

    老湿亚洲永久精品ww47香蕉图片_日韩欧美中文字幕北美法律_国产AV永久无码天堂影院_久久婷婷综合色丁香五月

  • <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>