图片的渐显播放[推荐][根据下面的说明进行共3步,修改图片的名称及路径即可]
第三步的top:120px;left:240px可以设定显示的位置
====1、将下面的代码插入到HEML的<head></head>之间:
- <script language=javaScript>
- <!--//
- sandra0 = new Image();
- sandra0.src = "p_w_picpath1.gif";
- sandra1 = new Image();
- sandra1.src = "p_w_picpath2.gif";
- sandra2 = new Image();
- sandra2.src = "p_w_picpath3.gif";
- var i_strngth=1
- var i_p_w_picpath=0
- var p_w_picpathurl = new Array()
- p_w_picpathurl[0] ="图片名称1.gif"
- p_w_picpathurl[1] ="图片名称2.gif"
- p_w_picpathurl[2] ="图片名称3.gif"
- function showp_w_picpath() {
- if(document.all) {
- if (i_strngth <=110) {
- testp_w_picpath.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+p_w_picpathurl[i_p_w_picpath]+" border=0>";
- i_strngth=i_strngth+10
- var timer=setTimeout("showp_w_picpath()",100)
- }
- else {
- clearTimeout(timer)
- var timer=setTimeout("hidep_w_picpath()",1000)
- }
- }
- if(document.layers) {
- clearTimeout(timer)
- document.testp_w_picpath.document.write("<img src="+p_w_picpathurl[i_p_w_picpath]+" border=0>")
- document.close()
- i_p_w_picpath++
- if (i_p_w_picpath >= p_w_picpathurl.length) {i_p_w_picpath=0}
- var timer=setTimeout("showp_w_picpath()",2000)
- }
- }
- function hidep_w_picpath() {
- if (i_strngth >=-10) {
- testp_w_picpath.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+p_w_picpathurl[i_p_w_picpath]+" border=0>";
- i_strngth=i_strngth-10
- var timer=setTimeout("hidep_w_picpath()",100)
- }
- else {
- clearTimeout(timer)
- i_p_w_picpath++
- if (i_p_w_picpath >= p_w_picpathurl.length) {i_p_w_picpath=0}
- i_strngth=1
- var timer=setTimeout("showp_w_picpath()",500)
- }
- }
- //-->
- </script>
====2、修改<body>语句为:
<body onLoad="showp_w_picpath()">
====3、将下面的代码加入到HEML的<body></body>之间:
<div id="testp_w_picpath" style="position:absolute;visibility:visible;top:120px;left:240px"></div>
转载于:https://blog.51cto.com/huqianhao/953294