现在的位置: 首页 >> 网页设计 >> 网页特效 >> 图形特效将图片固定在右上角
添加时间:2005-11-9 来源: 网上转帖   作者: 佚名
图形特效将图片固定在右上角

说明: 将图片固定在右上角

效果: 看本面右上角。 点这里在新窗口中看效果!

代码:


<SCRIPT language=JavaScript>
<!-- Hide the script from old browsers --
// 1) 做一个88*31的LOGO。
if (document.images)
var staticlogo=new Image(88,31)

// 2) 设置LOGO的路径。
staticlogo.src="mren.gif"

// 3) 以下是LOGO代表的连接。
var logolink="http://www.ntc.com.cn.cn"

// 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'",visibleduration*1000)
}
}

function createlogo(){
staticimage=new Layer(100)
staticimage.left=-300
staticimage.top=120
staticimage.document.write('<a href="'+logolink+'" target=_blank>
<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+'" target=_blank>
<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
}



[1] [2]  下一页


上一篇:图形特效将图片固定在右下角 下一篇:图形特效将图片固定在左下角
大部分文章摘自网上,如有侵犯您的权益请与我们联系,我们会第一时间进行处理,谢谢! [ 打印文章 ] [ 关闭窗口 ]
推荐文章
 
相关文章
·图形特效将图片固定在右下角
·图形特效将图片固定在左下角
·图形特效将图片固定在页面左上角
最新文章
·加入收藏夹
·利用全屏打开加重定窗口大小产生
·设为首页
·去掉超链接的下划线
·自动刷新网页
·刷新本页
·返回到上一页
·跳出小窗口
·自动关闭窗口
·给页面加保护
Google