js实现有时间限制消失的图片方法
2015-02-27 00:00
393 查看
本文实例讲述了js实现有时间限制消失的图片方法。分享给大家供大家参考。具体实现方法如下:
希望本文所述对大家的javascript程序设计有所帮助。
<html> <title>指定时间内消失的图片</title> <body> <SCRIPT language=JavaScript> <!-- Hide the script from old browsers -- // 1) 做一个88*31的LOGO。 if (document.images) var staticlogo=new Image(758,100) // 2) 设置LOGO的路径。 staticlogo.src="/images/banner.gif" // 3) 以下是LOGO代表的连接。 var logolink="http://wwwww.jb51.net/" // 4) 设置ALT属性。 var alttext="代码家园" // 5) 设置下列属性为 1或者0(1是IE特有的,使LOGO隐现) var fadeintoview=1 /* 6) 最后设置LOGO显示的时间,例如12 秒,数值为0表示一直显示 */ var visibleduration=5 function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",400) } var fadeset='' if (fadeintoview) fadeset="filter:alpha(opacity=0)" if (document.all) document.write('<span id="logo"" style="'+fadeset+';position:absolute;top:100;width:'+staticlogo.width+';height:'+staticlogo.height+'"></span>') function bringintoview(){ if (logo.filters.alpha.opacity<=95) logo.filters.alpha.opacity+=5 else{ clearInterval(viewit) if (visibleduration!=0) setTimeout("logo.style.visibility='hidden'",visibleduration*1000) } } function createlogo(){ staticimage=new Layer(100) staticimage.left=-300 staticimage.top=120 staticimage.document.write('<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>') staticimage.document.close() staticimage.visibility="show" regenerate2() staticitns() } if (document.layers) window.onload=createlogo; if (document.all){ w=2 h=2 logo.style.left=w logo.style.top=h } function logoit(){ var w2=document.body.scrollLeft+w var h2=document.body.scrollTop+h logo.style.left=w2 logo.style.top=h2 } function logoit2(){ staticimage.left=pageXOffset+2 staticimage.top=pageYOffset+2 } function insertimage(){ logo.innerHTML='<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>' if (fadeintoview) viewit=setInterval("bringintoview()",100) else{ if (visibleduration!=0) setTimeout("logo.style.visibility='hidden'",visibleduration*1000) } } if (document.all){ window.onscroll=logoit window.onresize=new Function("window.location.reload()") window.onload=insertimage } function staticitns(){ setInterval("logoit2()",90) if (visibleduration!=0) setTimeout("staticimage.visibility='hide'",visibleduration*1000) } //--> </SCRIPT> </body> </html> <br> <br> <br> <br> <br> <br>图片5秒之后自动消失。 <br> <br> <br>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章推荐
- js实现有时间限制消失的图片方法
- 点某个链接进网站,会发这个链接的会员加积分,实现方法(有时间限制)
- js实现图片放大缩小功能后进行复杂排序的方法
- js写的方法实现上传图片之后查看大图
- JS小功能(setInterval实现图片效果显示时间)实例代码
- JS实现图片上传预览效果:方法一
- js实现点击后将文字或图片复制到剪贴板的方法
- Implementing a timeout on a function,实现对一个方法执行时间进行限制
- 多张图片交替变换的实现方法---JS实现和flash实现
- js实现图片旋转的三种方法
- js实现按钮加背景图片常用方法
- js 获取网络图片的高度和宽度的实现方法(变通了下)
- PHP中用set_time_limit(0)长连接的实现--更新数据库时间限制中断解决方法
- ConvertJSONDateToJSDateObject 方法实现json格式时间串转换为 对应的时间格式串
- JS控制一个DIV层在指定时间内消失的方法
- JS两种方法实现当前时间显示
- 限制某方法执行时间的一个解决方案和实现
- js图片延迟加载的实现方法及思路
- js实现点击后将文字或图片复制到剪贴板的方法
- node.js WEB开发中图片验证码的实现方法