DHTML初步·DHTML动态效果实例·将logo图片固定在页面四角上 -- 追寻梦想＞编程乐园

将logo图片固定在页面四角上

名称：	将logo图片固定在页面四角上
实例：	请注意页面的右下角的logo
教程：	第一种效果：将logo图片固定在页面左上角拷贝下面的代码到你的html文件的<body>和</body>之间； <SCRIPT language=JavaScript> <!-- Hide the script from old browsers -- // 1) 做一个8831的LOGO。 if (document.images) var staticlogo=new Image(88,31) // 2) 设置LOGO的路径。 staticlogo.src="../images/ajielogo.gif" // 3) 以下是LOGO代表的连接。 var logolink="http://pageone.yeah.net" // 4) 设置ALT属性。 var alttext="网页设计师" // 5) 设置下列属性为 "1"或者"0" ("1"是IE特有的，使LOGO隐现） var fadeintoview=1 / 6) 最后设置LOGO显示的时间，例如12 秒，数值为0表示一直显示。 / 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('<span id="logo" style="'+fadeset+';position:absolute;top:100;width:'+staticlogo.width+';height:'+staticlogo.height+'"></span>') function bringintoview(){ if (logo.filters.alpha.opacity<=95) logo.filters.alpha.opacity+=5 else{ clearInterval(viewit) if (visibleduration!=0) setTimeout("logo.style.visibility='hidden'",visibleduration1000) } } 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'",visibleduration1000) } } 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'",visibleduration1000) } //--> </SCRIPT> 第二种效果：将logo图片固定在页面左下角拷贝下面的代码到你的html文件的<body>和</body>之间； <SCRIPT language=JavaScript> <!-- Hide the script from old browsers -- // 1) 做一个8831的LOGO。 if (document.images) var staticlogo=new Image(88,31) // 2) 设置LOGO的路径。 staticlogo.src="../images/ajielogo.gif" // 3) 以下是LOGO代表的连接。 var logolink="http://pageone.yeah.net" // 4) 设置ALT属性。 var alttext="网页设计师" // 5) 设置下列属性为 "1"或者"0" ("1"是IE特有的，使LOGO隐现） var fadeintoview=1 / 6) 最后设置LOGO显示的时间，例如12 秒，数值为0表示一直显示。 / 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('<span id="logo" style="'+fadeset+';position:absolute;top:100;width:'+staticlogo.width+';height:'+staticlogo.height+'"></span>') function bringintoview(){ if (logo.filters.alpha.opacity<=95) logo.filters.alpha.opacity+=5 else{ clearInterval(viewit) if (visibleduration!=0) setTimeout("logo.style.visibility='hidden'",visibleduration1000) } } 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=document.body.clientHeight-logo.style.pixelHeight-5 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+window.innerHeight-staticimage.document.height } 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'",visibleduration1000) } } 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'",visibleduration1000) } //--> </SCRIPT> 第三种效果：将logo图片固定在页面右上角拷贝下面的代码到你的html文件的<body>和</body>之间； <SCRIPT language=JavaScript> <!-- Hide the script from old browsers -- // 1) 做一个8831的LOGO。 if (document.images) var staticlogo=new Image(88,31) // 2) 设置LOGO的路径。 staticlogo.src="../images/ajielogo.gif" // 3) 以下是LOGO代表的连接。 var logolink="http://pageone.yeah.net" // 4) 设置ALT属性。 var alttext="网页设计师" // 5) 设置下列属性为 "1"或者"0" ("1"是IE特有的，使LOGO隐现） var fadeintoview=1 / 6) 最后设置LOGO显示的时间，例如12 秒，数值为0表示一直显示。 / 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('<span id="logo" style="'+fadeset+';position:absolute;top:100;width:'+staticlogo.width+';height:'+staticlogo.height+'"></span>') function bringintoview(){ if (logo.filters.alpha.opacity<=95) logo.filters.alpha.opacity+=5 else{ clearInterval(viewit) if (visibleduration!=0) setTimeout("logo.style.visibility='hidden'",visibleduration1000) } } 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=document.body.clientWidth-logo.style.pixelWidth-5 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+window.innerWidth-staticimage.document.width-15 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'",visibleduration1000) } } 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'",visibleduration1000) } //--> </SCRIPT> 第四种效果：将logo图片固定在页面右下角拷贝下面的代码到你的html文件的<body>和</body>之间； <SCRIPT language=JavaScript> <!-- Hide the script from old browsers -- // 1) 做一个8831的LOGO。 if (document.images) var staticlogo=new Image(88,31) // 2) 设置LOGO的路径。 staticlogo.src="../images/ajielogo.gif" // 3) 以下是LOGO代表的连接。 var logolink="http://pageone.yeah.net" // 4) 设置ALT属性。 var alttext="网页设计师" // 5) 设置下列属性为 "1"或者"0" ("1"是IE特有的，使LOGO隐现） var fadeintoview=1 / 6) 最后设置LOGO显示的时间，例如12 秒，数值为0表示一直显示。 / 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('<span id="logo" style="'+fadeset+';position:absolute;top:100;width:'+staticlogo.width+';height:'+staticlogo.height+'"></span>') function bringintoview(){ if (logo.filters.alpha.opacity<=95) logo.filters.alpha.opacity+=5 else{ clearInterval(viewit) if (visibleduration!=0) setTimeout("logo.style.visibility='hidden'",visibleduration1000) } } 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=document.body.clientWidth-logo.style.pixelWidth-5 h=document.body.clientHeight-logo.style.pixelHeight-5 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+window.innerWidth-staticimage.document.width-15 staticimage.top=pageYOffset+window.innerHeight-staticimage.document.height } 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'",visibleduration1000) } } 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'",visibleduration1000) } //--> </SCRIPT>
说明：	请将此代码直接紧接在<body>标签之后或</body>标签之前。参数的设置在代码里有详细注释