亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

照片墻CSS3動態(tài)效果

??? 2019-05-18 22:39:22 204
????：<!DOCTYPE html> <html> <head>     <title>照片墻(CSS3動態(tài)效果)</title>     <link rel="stylesheet" type="t 
<!DOCTYPE html>
<html>
<head>
    <title>照片墻(CSS3動態(tài)效果)</title>
    <link rel="stylesheet" type="text/css" href="static/css/animate.min.css">
    <link rel="shortcut icon"  href="images/logo.ico" type="image/x-icon" />
    <script type="text/javascript" src="static/js/jquery.min.js"></script>
    <style type="text/css">
        *{margin: 0px;padding: 0px;}
        .box{width: 1500px;margin: 50px auto;}
        img{width: 300px;height: 200px;margin: 10px;}
    </style>
    
</head>
<body>
<div class="box">
     <img src="images/1.jpg"/>
     <img src="images/2.jpg"/>
     <img src="images/3.jpg"/>
     <img src="images/4.jpg"/>
     <img src="images/5.jpg"/>
     <img src="images/6.jpg"/>
     <img src="images/7.jpg"/>
     <img src="images/8.jpg"/>
     <img src="images/9.jpg"/>
     <img src="images/10.jpg"/>
     <img src="images/11.jpg"/>
     <img src="images/12.jpg"/>
     <img src="images/13.jpg"/>
     <img src="images/14.jpg"/>
     <img src="images/15.jpg"/>
     <img src="images/16.jpg"/>
</div>
</body>
<script type="text/javascript"> 
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>


?? ???：查無此人?? ??：2019-05-20 09:09:08
???? ??：完成的不錯。每行js語句結(jié)束增加;號。繼續(xù)加油

??? ??

?? ??