手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js调用图片隐藏&显示实现代码
js调用图片隐藏&显示实现代码
摘要:复制代码代码如下: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>

【js调用图片隐藏&显示实现代码】相关文章:

多种js图片预加载实现方式分享

js实现精美的图片跟随鼠标效果实例

让插入到 innerHTML 中的 script 跑起来的实现代码

javascript用函数实现对象的方法

网页里控制图片大小的相关代码

JQuery分屏指示器图片轮换效果实例

图片加载进度实时显示

javasript实现密码的隐藏与显示

JS函数实现鼠标指向图片后显示大图代码

显示、隐藏密码

精品推荐
分类导航