网页左上角的LoGo图片，以淡出的效果显示出来

发布时间：2018-09-19 21:03:34 所属栏目：Unix 来源：站长网

导读：网页左上角的LoGo图片，以淡出的效果显示出来。步骤简述：先做一个88*31的LOGO，当然大一点也无所谓，只要和你的网页相匹配就行了，然后设置LOGO的路径和链接，还能给Logo自定义一个ALT属性。设置代码里的var fadeintoview=1，属性为1或者0(1是IE特有的

网页左上角的LoGo图片，以淡出的效果显示出来。

步骤简述：

先做一个88*31的LOGO，当然大一点也无所谓，只要和你的网页相匹配就行了，然后设置LOGO的路径和链接，还能给Logo自定义一个ALT属性。设置代码里的var fadeintoview=1，属性为1或者0(1是IE特有的，使LOGO隐现），最后设置LOGO显示的时间，例如12 秒，数值为0表示一直显示。

烈火提示：LOGO是始终位于网页左上角的，你可以滚动网页试试哦。

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页左上角的LoGo图片</title> </head> <body> <SCRIPT language=JavaScript> if (document.images) var staticlogo=new Image(88,31) staticlogo.src="/images/logo.gif" var logolink="/" var alttext="网站标志" var fadeintoview=1 var visibleduration=12 function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",400) } var fadeset='' if (fadeintoview) fadeset="filter:alpha(opacity=0)" if (document.all) document.write('') function bringintoview(){ if (logo.filters.alpha.opacity<=95) logo.filters.alpha.opacity+=5 else{ clearInterval(viewit) if (visibleduration!=0) setTimeout("logo.style.visibility='hidden'",visibleduration*1000) } } function createlogo(){ staticimage=new Layer(100) staticimage.left=-300 staticimage.top=120 staticimage.document.write('<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>') staticimage.document.close() staticimage.visibility="show" regenerate2() staticitns() } if (document.layers) window.onload=createlogo; if (document.all){ w=2 h=2 logo.style.left=w logo.style.top=h } function logoit(){ var w2=document.body.scrollLeft+w var h2=document.body.scrollTop+h logo.style.left=w2 logo.style.top=h2 } function logoit2(){ staticimage.left=pageXOffset+2 staticimage.top=pageYOffset+2 } function insertimage(){ logo.innerHTML='<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>' if (fadeintoview) viewit=setInterval("bringintoview()",100) else{ if (visibleduration!=0) setTimeout("logo.style.visibility='hidden'",visibleduration*1000) } } if (document.all){ window.onscroll=logoit window.onresize=new Function("window.location.reload()") window.onload=insertimage } function staticitns(){ setInterval("logoit2()",90) if (visibleduration!=0) setTimeout("staticimage.visibility='hide'",visibleduration*1000) } //--> </SCRIPT> 　 谢谢使用本代码！ 请继续关注和支持本站！ 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 </body> </html> <center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：武汉站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!