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

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

Javascript: 清华大学出版的事半功倍系列 javascript全部源代码; 一个不错的渐隐文字效果; JavaScript多线程的实现方法; 广告代码静态化js通用函数; “增强js程序代码的健壮性”之我见大量示例代码; 国外JavaScript经典封装集合整理; Highslide JS; 一个漂亮的下拉列表，去掉了灰色倒三角按钮; Add a Picture to a Microsoft Word Document; Javascript注入技巧; 用JS实现HTML标签替换效果; 发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载; 模拟弹出菜单的代码; 收藏Javascript中常用的55个经典技巧; Track Image Loading效果代码分析; js小技巧--自动隐藏红叉叉; JavaScript延时效果比较不错的; 非常酷的js图形渐隐导航菜单栏; 科讯商业版中用到的ajax空间与分页函数; js实现的修改div里img标签的src属性

No. « ‹ 195 196 197 198 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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