如何在网页中引入24中过渡效果

http://msdn2.microsoft.com/en-us/library/ms532847.aspx
需要IE5.5以上版本

解决方案 »

  1.   

    CSS中的滤镜可以做到 例如
    #idDiv{ filter:progid:DXImageTransform.Microsoft.Barn(function=20, duration=7);}
      

  2.   

    http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
    就是要这个效果的，不过我的通不过
    代码：
    <script language="JavaScript">
     <!--
     window.onload=GetResult;
     var i=0;
    function GetResult() { 
    var oXmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    //为了方便传输特殊字符，字符串先用escape编码的. 
    oXmlHttp.open("POST","server.asp",false); 
    oXmlHttp.send(); 
    var arrResult = unescape(oXmlHttp.responseText); 
    //将每条记录分开. 
    arrTmp = arrResult.split( "@@@");   
    writeContent();
    function   writeContent() { 
    if(i<arrTmp.length-1)
    { 
     var   oTab = document.getElementById( "tabTarget");
     //将每条记录的属性值分开：content[0]为内容，content[1]为类型，content[2]为内容显示时间
     var  content=arrTmp[i++].split( "###");       
        //这3行不知道如何加？
    //   content[0].filters.revealTrans.apply(); 
     // content[0].filters.revealTrans.Transition=   Math.floor(Math.random()*23);   
     // content[0].filters.revealTrans.play(); oTab.rows[0].cells[0].innerHTML  =  content[0];  }  
    else 
       {i=0; GetResult();}
    {  //content[2]的内容为内容持续时间，单位：秒；故乘以1000.
      timeInterval=parseInt(content[2])*1000;
      setTimeout("GetResult()",timeInterval); }
     }
    }
    //-->
    </SCRIPT>
    <body > 
    <pre><table   width= "47% "   height= "23 "  border="1"    cellpadding= "1 "   cellspacing= "0 "   id= "tabTarget" >   
    <tr>   
    <td>&nbsp;</td>
    </tr>   
    </table></pre>
    </html>
      

  3.   

    你把http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm 这个源文件打开看你就知道了，他的JS代码一堆，其实你只要把这个网页保存一下一切OK了