照片墙点击效果

Original 2019-04-27 18:17:44 221
abstract:<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();
        //随机生成新的class
        var rand=parseInt(Math.random()*10)
        $(this).addClass('animated '+arr[rand])

    })

</script>
</html>


Correcting teacher:天蓬老师Correction time:2019-04-28 09:01:50
Teacher's summary:这就是一个随机生成图片的过程 , 应用了Math对象中的一个方法, 这个方法可以实现很多有趣的案例, 例如抽奖也可以用它来做做的, 试试看

Release Notes

Popular Entries