js调用图片隐藏&显示实现代码
js调用图片隐藏&显示实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:varintTimeStep=20;varisIe=(window.ActiveXObject)?true:false;v...

复制代码 代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<SCRIPT>

var intTimeStep=20;

var isIe=(window.ActiveXObject)?true:false;

var intAlphaStep=(isIe)?5:0.05;

var curSObj=null;

var curOpacity=null;

function startObjVisible(objId)

{

curSObj=document.getElementById(objId);

setObjState();

}

function setObjState(evTarget)

{

if (curSObj.style.display==""){curOpacity=1;setObjClose();}

else{

if(isIe)

{

curSObj.style.cssText='DISPLAY: none;Z-INDEX: 1; FILTER: alpha(opacity=0); POSITION: absolute;';

curSObj.filters.alpha.opacity=0;

}else

{

curSObj.style.opacity=0

}

curSObj.style.display='';

curOpacity=0;

setObjOpen();

}

}

function setObjOpen()

{

if(isIe)

{

curSObj.filters.alpha.opacity+=intAlphaStep;

if (curSObj.filters.alpha.opacity<100) setTimeout('setObjOpen()',intTimeStep);

}else{

curOpacity+=intAlphaStep;

curSObj.style.opacity =curOpacity;

if (curOpacity<1) setTimeout('setObjOpen()',intTimeStep);

}

}

function setObjClose()

{

if(isIe)

{

curSObj.filters.alpha.opacity-=intAlphaStep;

if (curSObj.filters.alpha.opacity>0) {

setTimeout('setObjClose()',intTimeStep);}

else {curSObj.style.display="none";}

}else{

curOpacity-=intAlphaStep;

if (curOpacity>0) {

curSObj.style.opacity =curOpacity;

setTimeout('setObjClose()',intTimeStep);}

else {curSObj.style.display='none';}

}

}

</SCRIPT>

</head>

<body>

<input type=text value="">

<DIV id="objDiv"><img src="红背心平台/images/城市.jpg"></DIV>

</body>

</html>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类