本文實例講述了JavaScript實現簡單圖片翻轉的方法。分享給大家供大家參考。具體如下：
這里先取兩個命名smirk1.jpg和smirk2.jpg同樣大小的圖像
然后運行下面的代碼，可以實現簡單的圖片翻轉
<script type="text/javascript">var revert = new Array();var inames = new Array('smirk');// Preloadif (document.images) { var flipped = new Array(); for(i=0; i< inames.length; i++) { flipped[i] = new Image(); flipped[i].src = ""+inames[i]+"2.JPG"; }}function over(num) { if(document.images) { revert[num] = document.images[inames[num]].src; document.images[inames[num]].src = flipped[num].src; }}function out(num) { if(docu <script type="text/javascript">var revert = new Array();var inames = new Array('smirk');// Preloadif (document.images) { var flipped = new Array(); for(i=0; i< inames.length; i++) { flipped[i] = new Image(); flipped[i].src = ""+inames[i]+"2.JPG"; }}function over(num) { if(document.images) { revert[num] = document.images[inames[num]].src; document.images[inames[num]].src = flipped[num].src; }}function out(num) { if(document.images) document.images[inames[num]].src = revert[num];}</script>希望本文所述對大家的javascript程序設計有所幫助。
新聞熱點
疑難解答
