返回列表 发帖

学做图片转换特效


  

谢谢枳橘老师的修正。精简的代码就更好用了。我这个新手就只会抄现成的。

TOP

回复 1# 好好学习

  鼓掌。帖子漂亮,图片也漂亮。
  还有一奇事,现在的新版居然可以直接用脚本(JS)发帖了!!!

  发帖的脚本还可精简,于下。特效栏下有专文详述。
  也发一帖,以观效果。



<center>
 <img id="fc" style="filter:revealTrans(); position: relative; left: 0; top: 0; width: 700px; height: 394px" src="http://www.oldkids.cn/uploads/diary/201004/03205604570.jpg" border="0">
 </center>
 <!--***********************************************-->
 <script language="JavaScript">
 <!--               
 var pic = new Array();                    
 pic[0]="201004/03205604570.jpg";
 pic[1]="201004/03205731313.jpg";
 pic[2]="201004/03205841137.jpg";
 pic[3]="201004/03205925604.jpg";
 pic[4]="201004/03210101072.jpg";
 pic[5]="201004/03210143951.jpg";
 pic[6]="201004/03210216187.jpg";
 pic[7]="201004/03210856853.jpg";
 pic[8]="201004/03211249305.jpg";
 pic[9]="201004/03211131688.jpg";
 //-------------------------------------------------
 var j = 1;                      
 function slide(){                   
    fc.filters.item(0).Apply();                  
    fc.filters.revealTrans.Transition = 23;             
    fc.src = "http://www.oldkids.cn/uploads/diary/" + pic[j];  
    fc.filters.revealTrans.play(2);                
    j++                        
    if (j == pic.length)                  
    j = 0;                        
    setTimeout("slide()", 5000)              
 }
 setTimeout("slide()", 3000);               
 //-->
 </script>



01.jpg 02.jpg 43.jpg

TOP

返回列表