javascript 跟图片的问题?

即 图片逐隐渐显通过 filters.alpha.opacity 来控制的

解决方案 »

  1.   

    这里有个参考,
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script language=javaScript>
    <!--//
    var sandra0 = new Image();
    sandra0.src = "Picture4.jpg";
    var sandra1 = new Image();
    sandra1.src = "Picture5.jpg";
    var sandra2 = new Image();
    sandra2.src = "Picture4.jpg";
    var i_strngth=1
    var i_image=0
    var imageurl = new Array()
    imageurl[0] ="Picture4.jpg"
    imageurl[1] ="Picture5.jpg"
    imageurl[2] ="Picture4.jpg"//渐现图片
    function showimage() { 
      if(document.all) {
        if (i_strngth <=110) {
          testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>";
      i_strngth=i_strngth+10
         var timer=setTimeout("showimage()",100)
        }  else {
        clearTimeout(timer)
         var timer=setTimeout("hideimage()",1000)
       }
     }
    if(document.layers) {
    clearTimeout(timer)
    document.testimage.document.write("<img src="+imageurl[i_image]+" border=0>")
    document.close()
    i_image++
    if (i_image >= imageurl.length) {i_image=0} 
    var timer=setTimeout("showimage()",2000)
    } 
    }
    function hideimage() { 
    if (i_strngth >=-10) {
    testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>";
    i_strngth=i_strngth-10
    var timer=setTimeout("hideimage()",100)
    } 
    else {
    clearTimeout(timer)
    i_image++
    if (i_image >= imageurl.length) {i_image=0}
    i_strngth=1
    var timer=setTimeout("showimage()",500) 
    }
    }
    //-->
    </script>
    <title>无标题文档</title>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
    </script>
    </head><body onLoad="showimage()">
    <div id="testimage" style="position:absolute; left:7px; top:21px; width:502px; height:330px; z-index:1;"></div>
    </body>
    </html>
      

  2.   

    多些 s1ihome(把握住今天) 指点!