



|
[鼠标感应] 当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果,下面就是实现效果所需代码:
CODE:
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.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.gif border=0></a>"; ad_250[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad2.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();>"; //var adhead1="<div id=div_80 style='position:absolute; width:95px; height:62px; z-index:20' onMouseOut='//MM_showHideLayers(\"div_250\",\"\",\"hide\")' onMouseOver='MM_showHideLayers(\"div_250\",\"\",\"show\")'>"; //var adhead2="</div><div id=div_250 style='position:absolute; z-index:21;visibility: hidden; width: 80; height: 60' onMouseOver='MM_showHideLayers(\"div_250\",\"\",\"show\")' onMouseOut='MM_showHideLayers(\"div_250\",\"\",\"hide\")'>"; 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.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.jpg border=0></a>"; ad_250[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.jpg 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> 调用即可,*代表你另存的文件名!注意修改广告图片地址和连接地址! |
建站知识 |
| 以Flash动画作网站引导页面是不是真的需要呢? 12/11 | |
| 网站策划的三大组成部分 9/26 | |
| 一个行业网站的推广策略 9/26 | |
| 互联网站的终极目的是销售 9/23 | |
| 学生做网站最缺什么? 9/22 | |
| 做网站,不知足才能做到最好 9/22 | |
| 网站怎么才能提高流量 9/18 | |
| 大型网站架构该怎么优化设计 9/18 | |
| 小心新木马窃取个人信息 9/11 | |
| 潍坊告破山东首例DDOS黑客攻击案 9/11 |
网站制作 |
| 外贸网站建设应该着重以下几个方面 11/13 | |
| 好做网站不能让访客费脑筋 8/30 | |
| 网站建设技巧之:色彩搭配 8/12 | |
| 网站建设技巧之:内页设计技巧 8/12 | |
| 网站设计必看的常识 7/20 | |
| 外贸网站建设的问题及解决 7/18 | |
| 行业网站建设解决方案 7/17 | |
| 如何根据操作系统自动选择进入中文主页或英文主页 10/27 | |
| 简体繁体自动转换过程 10/22 | |
| flash效果的菜单 10/14 |
广州市泰葛信息科技有限公司 版权所有
公司地址:广州市天河区科新路大塘工业区2号222、223
Copyright ? 2003 - 2008 http://www.300400.net/ All Rights Reserved 粤ICP备06044442号
咨询电话:020-62358860-800 传真:020-62358860-810 E-mail: info#300400.net 在线QQ:574060825、346669842
广州网站建设、广州建网站公司,五年网站建设经验,专业建网站,完美网页设计,真诚服务,不满意不收费!