手机
当前位置:查字典教程网 >编程开发 >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函数实现鼠标指向图片后显示大图代码

javascript制作的滑动图片菜单

些很实用且必用的小脚本代码

javascript实现日期按月份加减

Javascript随机显示图片的源代码

图片按比例缩放函数

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

设为首页 加入收藏的js代码

打印/预览/设置的客户端代码

精品推荐
分类导航