abstrakt:<html> <head> <title>照片墻效果</title> <script type="text/javascript" src="js/jquery.js"></sc
<html> <head> <title>照片墻效果</title> <script type="text/javascript" src="js/jquery.js"></script> <link rel="stylesheet" href="js/animate.min.css" type="text/css"> </head> <body> <img src="qq.png" class="bounceIn"/> <img src="qq.png" > <img src="qq.png" > <img src="qq.png" > <img src="qq.png" > </body> <script> var arr=['bounce','flash','pulse','rubberBand','shakeswing','tadaw','obble','bounceInLeft','bounceInRight','bounceInUp'] $('img').on('click',function() { $('img').removeClass(); //隨機(jī)生成新的class var rand=parseInt(Math.random()*10) $(this).addClass('animated '+arr[rand]) }) </script> </html>
Korrigierender Lehrer:天蓬老師Korrekturzeit:2019-04-28 09:01:50
Zusammenfassung des Lehrers:這就是一個(gè)隨機(jī)生成圖片的過程 , 應(yīng)用了Math對象中的一個(gè)方法, 這個(gè)方法可以實(shí)現(xiàn)很多有趣的案例, 例如抽獎也可以用它來做做的, 試試看