Rumah > Artikel > hujung hadapan web > Kaedah JavaScript untuk melaksanakan kemahiran flipping_javascript imej mudah
Contoh dalam artikel ini menerangkan cara melaksanakan penyelikan imej mudah menggunakan JavaScript. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Berikut ialah dua imej bersaiz sama bernama smirk1.jpg dan smirk2.jpg
Kemudian jalankan kod berikut untuk mencapai flipping imej yang mudah
<script type="text/javascript"> var revert = new Array(); var inames = new Array('smirk'); // Preload if (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'); // Preload if (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>
Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.