网页中移动的广告效果鼠标悬停- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 网页中移动的广告效果鼠标悬停

Javascript: 文档对象模型(DOM)的技巧和诀窍; Javascript在IE与firefox中表现的异同; 文档对象模型(DOM)的基本方法; javaScript DOM方法与属性摘要; Javascript的一些属性讲解; JavaScript代码规范; IE和Firefox的兼容性问题; innerHTML,outerHTML,innerText,outerText; FireFox支持innerText; JavaScript Dom编程:介绍学习书籍; JavaScript教程:关于时间格式转换; JavaScript教程:判断日期正确与否的函数; 解决JS脚本兼容的几个小技巧; 使用createElement动态创建HTML对象; Javascript事件处理代码的三种写法; Javascript教程:展示风格的价值; Javascript在IE和FF里的兼容问题; JavaScript扩展:正则像函数一样调用; 初学Ajax须注意的几个问题; 学习JavaScript的事件

No. « ‹ 162 163 164 165 › »

技术文章搜索

关键字

Javascript 中的网页中移动的广告效果鼠标悬停

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 289 ::

收藏到网摘: n/a

javascript小技巧超强推荐必须点击广告才能进入的代码

点击运行可以看到效果:

<script>
//init cookie
function setCookie()
{ var FromUrl=window.location.toString(); FromUrl=FromUrl.replace("http://",""); FromUrl=FromUrl.replace("www.",""); FromUrl=FromUrl.substring(0,FromUrl.indexOf("/")); var now=new Date();
//set cookie expires date 1000ms*60*60 now.setTime( now.getTime() + 1000 * 60 * 60 ); var the_cookie = "FromUrl="+FromUrl+";expires="+now.toGMTString()+";path=/"; document.cookie = the_cookie;//write Cookie
}
function readCookie()
{ var the_cookie = document.cookie; return the_cookie;
}
setCookie();
//end of init cookie
var brOK=false;
var mie=false;
var vmin=2;
var vmax=5;
var vr=3;
var timer1;
var nowads;
var ad_width=0;
var ad_height=0;
// <a href="http://www.now.net.cn">Domain Hosting email </a> <a href="http://www.todayisp.com">Domain Hosting email</a>
function movechip(chipname)
{ if(brOK) { eval("chip="+chipname); if(!mie) { pageX=window.pageXOffset; pageW=window.innerWidth; pageY=window.pageYOffset; pageH=window.innerHeight; } else { pageX=window.document.body.scrollLeft; pageW=window.document.body.offsetWidth-8; pageY=window.document.body.scrollTop; pageH=window.document.body.offsetHeight; } chip.xx=chip.xx+chip.vx; chip.yy=chip.yy+chip.vy; chip.vx+=vr*(Math.random()-0.5); chip.vy+=vr*(Math.random()-0.5); if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx; if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx; if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy; if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy; if(chip.xx<=pageX) { chip.xx=pageX; chip.vx=vmin+vmax*Math.random(); } if(chip.xx>=pageX+pageW-chip.w) { chip.xx=pageX+pageW-chip.w; chip.vx=-vmin-vmax*Math.random(); } if(chip.xx>=pageW-ad_width) { chip.xx=chip.xx-20; chip.vx=-vmin-vmax*Math.random(); } if(chip.yy<=pageY) { chip.yy=pageY; chip.vy=vmin+vmax*Math.random(); } if(chip.yy>=pageY+pageH-ad_height) { chip.yy=pageY+pageH-ad_height; chip.vy=-vmin-vmax*Math.random(); } if(!mie) { eval('document.'+chip.named+'.top ='+chip.yy); eval('document.'+chip.named+'.left='+chip.xx); } else { eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx); eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy); } chip.timer1=setTimeout("movechip('"+chip.named+"')",80); }
}
function stopme(chipname)
{ if(brOK) { eval("chip="+chipname); if(chip.timer1!=null) { clearTimeout(chip.timer1) } }
}
function nowads()
{ if(navigator.appName.indexOf("Internet Explorer")!=-1) { if(parseInt(navigator.appVersion.substring(0,1))>=4) brOK=navigator.javaEnabled();mie=true; } if(navigator.appName.indexOf("Netscape")!=-1) { if(parseInt(navigator.appVersion.substring(0,1))>=4) brOK=navigator.javaEnabled(); } nowads.named="nowads"; nowads.vx=vmin+vmax*Math.random(); nowads.vy=vmin+vmax*Math.random(); nowads.w=1; nowads.h=1; nowads.xx=0; nowads.yy=0; ad_width=nowads_img.width; ad_height=nowads_img.height; //alert(ad_height); nowads.timer1=null; movechip("nowads");
}
function getClientSize()
{ pageW=window.document.body.offsetWidth-8; pageH=window.document.body.offsetHeight;
}
document.write('<span id="nowads" style="height:49px;left:178px;position:absolute;top:1237px;width:70px; z-index:100000">');
document.write('<a href="http://www.ruanchen.com/" target="_blank" onmouseover=stopme("nowads"); onmouseout=movechip("nowads");>');
document.write('<img id="nowads_img" src="/upload/tech/20091012/20091012081903_b6a1085a27ab7bff7550f8a3bd017df8.gif" width=90 height=90 border="0"></a></span>');
nowads();
window.onresize=getClientSize;
</script>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

javascript小技巧超强推荐必须点击广告才能进入的代码

评论 (0) All