编程 Javascript

js调用图片隐藏&显示实现代码

Posted in Javascript onSeptember 13, 2013

<!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 onclick="startObjVisible('objDiv');if(this.value==''){this.value=''}else{this.value=''}" value=""> 
<DIV id="objDiv" style="DISPLAY: none;"><img src="红背心平台/images/城市.jpg"></DIV> 
</body> 
</html>

js调用图片隐藏&显示实现代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Web前端设计模式制作漂亮的弹出层

Oct 29 Javascript

总结JavaScript的正则与其他语言的不同之处

Aug 25 Javascript

AngularJS辅助库browserTrigger用法示例

Nov 03 Javascript

ES2015 Symbol 一种绝不重复的值

Dec 25 Javascript

js canvas实现简单的图像扩散效果

Jun 28 Javascript

JavaScript累加、迭代、穷举、递归等常用算法实例小结

May 08 Javascript

swiper在angularjs中使用循环轮播失效的解决方法

Sep 27 Javascript

微信小程序绘制图片发送朋友圈

Jul 25 Javascript

详解Webpack抽离第三方类库以及common解决方案

Mar 30 Javascript

在Chrome DevTools中调试JavaScript的实现

Apr 07 Javascript

JS脚本实现定时到网站上签到/签退功能

Apr 22 Javascript

Jquery Fade用法详解

Nov 06 jQuery

javascript常用对话框小集

Sep 13 #Javascript

toggle一个div显示或隐藏且可扩展成自定义下拉框

Sep 12 #Javascript

jquery easyui滚动条部分设置介绍

Sep 12 #Javascript

jquery实现盒子下拉效果示例代码

Sep 12 #Javascript

利用jquery包将字符串生成二维码图片

Sep 12 #Javascript

JQuery实现鼠标滑过显示导航下拉列表

Sep 12 #Javascript

JQuery加载图片自适应固定大小的DIV

Sep 12 #Javascript

#{}(1) S-2000(1) SQL注入(2) 小喇叭(1) 增删查改(1) 克隆(1) 代理(2) 外键(1) 脏读(2) IC-R9500(1)

js调用图片隐藏&amp;显示实现代码

js调用图片隐藏&显示实现代码