网站首页 > 网页设计教程 > 网页特效 > 打开网页后定时显示大图片广告然后自动关闭

打开网页后定时显示大图片广告然后自动关闭

作者：互联网
时间：2009-06-20 15:49:23

<SCRIPT> // more javascript from http://www.downcodes.com // URLs of slides var slideurl=new Array("/img/200406301.jpg","/img/200406302.jpg","/img/200406303.jpg","/img/200406304.jpg") // comments displayed below the slides var slidecomment=new Array("Mary","Jane","Rita","Tina") // links for each slide var slidelink=new Array("http://www.downcodes.com","http://www.downcodes.com","http://www.downcodes.com","http://www.downcodes.com") // targets of the links. Allowed values: "_parent", "_top", "_blank", "_self" var slidetarget=new Array("_blank","_blank","_blank","_blank") // the width of the slideshow (pixels) var scrollerwidth=160 // the height of the slideshow (pixels) var scrollerheight=100 // width of the transparent zones (pixels) var translayerszone=40 // font-attributes for the comments var slidefont="Arial" var slidefontcolor="blue" var slidefontsize="2" // background-color of webpage var pagebgcolor="#FFFFFF" // do not edit below this line var translayerswidth=1 var tr***layersmax=Math.floor(translayerszone/translayerswidth) var translayersleftpos=0 var translayersopacity=100 var translayersfactor=100/translayersmax var translayerswidthall=translayersmax*translayerswidth var allpicturewidth var distancepictopic=0 var scrollerleft=0 var scrollertop=0 var pause=20 var step=2 var newstep=step var clipleft,clipright,cliptop,clipbottom var i_picture=0 var timer var picturecontent="" var ns***ocument.layers?1:0 var ns***ocument.getElementById&&!do***ent.all?1:0 var ie=do***ent.all?1:0 var br***erinfos=navigator.userAgent var op***=browserinfos.match(/Opera/) var preloadedimages=new Array() for (i=0;i<sl***url.length;i++){ preloadedimages[i]=new Image() preloadedimages[i].src=slideurl[i] } function init() { if (ie) { al***cturewidth=document.all.picturediv.offsetWidth do***ent.all.picturediv.style.posTop=scrollertop do***ent.all.picturediv.style.posLeft=scrollerleft+scrollerwidth clipleft=0 clipright=0 cliptop=0 clipbottom=scrollerheight do***ent.all.picturediv.s***e.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" do***ent.all.picturediv.s***e.visibility="visible" scrollpicture() } if (ns6) { al***cturewidth=do***ent.getElementById('emptypicturediv').offsetWidth do***ent.getElementById('picturediv').s***e.top=scrollertop do***ent.getElementById('picturediv').s***e.left=scrollerleft+scrollerwidth clipleft=0 clipright=0 cliptop=0 clipbottom=scrollerheight do***ent.getElementById('picturediv').s***e.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" do***ent.getElementById('picturediv').s***e.visibility="visible" scrollpicture() } if (ns4) { al***cturewidth=document.roof.document.picturediv.document.width do***ent.roof.document.picturediv.top=scrollertop do***ent.roof.document.picturediv.left=scrollerleft+scrollerwidth do***ent.roof.document.picturediv.clip.left=0 do***ent.roof.document.picturediv.clip.right=0 do***ent.roof.document.picturediv.clip.top=0 do***ent.roof.document.picturediv.clip.bottom=scrollerheight do***ent.roof.document.picturediv.visibility="visible" scrollpicture() } } function scrollpicture() { if (ie) { if (do***ent.all.picturediv.style.posLeft>=scrollerleft-allpicturewidth) { do***ent.all.picturediv.style.posLeft-=step clipright+=step if (clipright>scrollerwidth) { clipleft+=step } do***ent.all.picturediv.s***e.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" var timer=setTimeout("scrollpicture()",pause) } else { resetposition() } } if (ns6) { if (parseInt(do***ent.getElementById('picturediv').s***e.left)>=scrollerleft-allpicturewidth) { do***ent.getElementById('picturediv').s***e.left=parseInt(do***ent.getElementById('picturediv').s***e.left)-step clipright+=step if (clipright>scrollerwidth) { clipleft+=step } do***ent.getElementById('picturediv').s***e.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" var timer=setTimeout("scrollpicture()",pause) } else { resetposition() } } if (ns4) { if (do***ent.roof.document.picturediv.left>=scrollerleft-allpicturewidth) { do***ent.roof.document.picturediv.left-=step do***ent.roof.document.picturediv.clip.right+=step if (do***ent.roof.document.picturediv.clip.right>scrollerwidth) { do***ent.roof.document.picturediv.clip.left+=step } var timer=setTimeout("scrollpicture()",pause) } else { resetposition() } } } function onmsover() { step=0 } function onmsout() { step=newstep } function resetposition() { if (ie) { do***ent.all.picturediv.style.posLeft=scrollerleft+scrollerwidth clipleft=0 clipright=0 do***ent.all.picturediv.s***e.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" scrollpicture() } if (ns6) { al***cturewidth=do***ent.getElementById('emptypicturediv').offsetWidth do***ent.getElementById('picturediv').s***e.left=scrollerleft+scrollerwidth clipleft=0 clipright=0 do***ent.getElementById('picturediv').s***e.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" scrollpicture() } if (ns4) { do***ent.roof.document.picturediv.left=scrollerleft+scrollerwidth do***ent.roof.document.picturediv.clip.left=0 do***ent.roof.document.picturediv.clip.right=0 scrollpicture() } } picturecontent="" picturecontent+="<table cellpadding=2 cellspacing=0>" picturecontent+="<tr>" for (i=0;i<=sl***url.length-1;i++) { picturecontent+="<td>" picturecontent+="<a href=""+slidelink[i]+"" target=""+slidetarget[i]+"" onMouseOver="javascript:onmsover()" onMouseOut="javascript:onmsout()">" picturecontent+="<img src=""+slideurl[i]+"" border=0></a>" picturecontent+="</td>" } picturecontent+="</tr>" picturecontent+="<tr>" for (i=0;i<=sl***url.length-1;i++) { picturecontent+="<td>" picturecontent+="" picturecontent+=slidecomment[i] picturecontent+="" picturecontent+="</td>" } picturecontent+="</tr>" picturecontent+="</tr></table>" if (ie || ns6) { do***ent.write('<div style="position:relative;width:'+scrollerwidth+'px;height:'+scrollerheight+'px;overflow:hidden">') do***ent.write('<div id="picturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>') if (ie && !opera) { for (i=0;i<=translayersmax;i++) { do***ent.write('<span ID="trans'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> ') translayersleftpos+=translayerswidth translayersopacity-=translayersfactor } translayersleftpos=scrollerwidth-translayersleftpos for (ii=0;ii<=translayersmax;ii++) { do***ent.write('<span ID="trans'+ii+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> ') translayersleftpos+=translayerswidth translayersopacity+=translayersfactor } } if (ns6 && !opera) { for (i=0;i<=translayersmax-1;i++) { do***ent.write('<span ID="transleft'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';overflow:hidden"> ') translayersleftpos+=translayerswidth translayersopacity-=translayersfactor if (translayersopacity<0) {tr***layersopacity=0.001} } translayersleftpos=scrollerwidth-translayersleftpos tr***layersopacity=0.001 for (i=0;i<=translayersmax-1;i++) { do***ent.write('<span ID="transright'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';"> ') translayersleftpos+=translayerswidth translayersopacity+=translayersfactor } } do***ent.write('</div>') do***ent.write('<div id="emptypicturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>') wi***w.onload=init } if (ns4) { do***ent.write('<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>') do***ent.write('<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>') do***ent.write('</ilayer>') wi***w.onload=init } </script>

上一篇： CSS模拟制作的techweb网站导航特效代码

下一篇：简单实用特效代码，打开一个层后可以拖动

打开网页后定时显示大图片广告然后自动关闭

相关阅读

最新文章

人气下载推荐

相关应用

热门文章

推荐游戏