固定显示在网页左上角的LoGo图片

2024-09-05 12:18:06

字体：大中小

来源：转载

供稿：网友

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

<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=1var visibleduration=12function 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+=5else{clearInterval(viewit)if (visibleduration!=0)setTimeout("logo.style.visibility='hidden'",visibleduration*1000)}}function createlogo(){staticimage=new Layer(100)staticimage.left=-300staticimage.top=120staticimage.document.write('<img src="'+staticlogo.src+'" border=0 alt="'+alttext+'">')staticimage.document.close()staticimage.visibility="show"regenerate2()staticitns()}if (document.layers)window.onload=createlogo;if (document.all){w=2h=2logo.style.left=wlogo.style.top=h}function logoit(){var w2=document.body.scrollLeft+wvar h2=document.body.scrollTop+hlogo.style.left=w2logo.style.top=h2}function logoit2(){staticimage.left=pageXOffset+2staticimage.top=pageYOffset+2}function insertimage(){logo.innerHTML='<img src="'+staticlogo.src+'" border=0 alt="'+alttext+'">'if (fadeintoview)viewit=setInterval("bringintoview()",100)else{if (visibleduration!=0)setTimeout("logo.style.visibility='hidden'",visibleduration*1000)}}if (document.all){window.onscroll=logoitwindow.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>

上一篇：一个简单的jQuery分页代码

下一篇：自制的网页顶部的工具条，带关闭功能