Linux中国 Linux中国门户站!
设为主页 设为主页
收藏本站 收藏本站
 
当前位置 :首页 ->网站设计 ->JavaScript ->正文

页面两侧对联广告(鼠标感应)代码效果

来源:Linuxdby.com 作者:Webmaster 时间:2007-04-13 点击: [收藏] [投稿]

  现在很多网站广告做的如火如荼,现在我就来介绍一下常见的对联浮动广告效果的代码使用方法,本文介绍的这种效果,在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;

 如果您对本文有任何疑问或者建议,请到讨论区发表您的意见: >> 论坛入口 <<



上一篇: 页面两侧对联广告(允许关闭)代码效果   下一篇: 页面两侧对联广告代码效果

文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论
更多相关文章
Power by linux-cn.com 粤ICP备05006655号