JavaScript implements simple image flip, and javascript implements flip

JavaScript implements simple image flip, and javascript implements flip

This example describes how to implement simple image flip using JavaScript. Share it with you for your reference. The details are as follows:

In this case, take two images with the same name as smirk1.jpg and smirk2.jpg.
Then run the following code to implement simple image flip.

<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>

I hope this article will help you design javascript programs.