js调用图片隐藏&显示
2013-09-13 16:34
267 查看
<!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调用图片隐藏&显示实现代码
- 每日总结:DIV弹层遮盖、DIV设置透明背景色、JS调用SharePoint 中的SP.UI.ModalDialog弹出遮盖层显示
- html中用js调用ASP文件,实现静态页面动态显示
- 每日总结:DIV弹层遮盖、DIV设置透明背景色、JS调用SharePoint 中的SP.UI.ModalDialog弹出遮盖层显示
- UTF-8编码主页调用JS显示乱码问题解决办法
- [ASP.NET]调用js文件的中文在.net中显示为乱码如何解决?
- 艾伟:WCF以Json格式返回对象,客户端以JS调用显示
- 从网易扒过来的js调用广告显示文件(随机几率)
- js跳转另一个页面在本页显示及后台调用前台方法
- 解决gb2312页面调用utf-8页面的js,显示乱码!
- PHP调用JS验证弹出框无法显示的问题
- js模板,我们可以在<script>片断中定义一个被JS调用的代码,但代码又不在页面上显示.
- 从网易扒过来的js调用广告显示文件(随机几率)
- html中用js调用ASP文件 实现静态页面动态显示
- WCF以Json格式返回对象,客户端以JS调用显示
- 通过asp js调用组件模式窗体showdialog,模式窗体却以非模式窗体显示
- webView显示html到Js调用手机功能到Base64的方式将数据返回到Html中
- html中用js调用ASP文件 实现静态页面动态显示
- 在AppDelegate中显示界面或者调用js