js调用图片隐藏&显示实现代码
2013-09-13 00:00
567 查看
<!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实现当鼠标移到表格上时显示这一格全部内容的代码
- js调用图片隐藏&显示
- PHP json格式和js json格式 js跨域调用实现代码
- js点击列表文字对应该行显示背景颜色的实现代码
- 用js查找法实现当前栏目的高亮显示的代码
- 用js查找法实现当前栏目的高亮显示的代码
- 如何利用JS实现对后台CS代码的调用
- html中用js调用ASP文件,实现静态页面动态显示
- 根据IP显示天气预报代码:只显示成一行,可在页面调用JS即可
- JS实现超精简响应鼠标显示二级菜单代码
- js实现点击文本框显示日期选择器特效代码分享
- 实现HMTL网页的全屏幕显示或模态显示 (JS代码)
- 求解答:JS控制按钮切换页面,实现显示公共的部分前台代码如下:
- ie8.0下显示本地图片的js实现代码 img.src
- CSS3 animation实现图片轮播效果 自动显示 无需使用js 含代码(图片轮播效果一)
- JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例
- 用JS将搜索的关键字高亮显示实现代码
- js纯数字逐一停止显示效果的实现代码