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

照片墻效果學習總結

Original 2018-12-30 23:23:42 316
abstrakt：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>照片墻</title> <link rel="stylesheet" type="text/css&quo 
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>照片墻</title>
	<link rel="stylesheet" type="text/css" href="static/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="static/style6.css">
    <link rel="stylesheet" type="text/css" href="static/animate.min.css">
    <script type="text/javascript" src="static/jquery-3.3.1.js"></script>
</head>
<body>
	<div class="box">
		<img src="static/images/zly/1.jpg" />
		<img src="static/images/zly/2.jpg" />
		<img src="static/images/zly/3.jpg" />
		<img src="static/images/zly/4.jpg" />
		<img src="static/images/zly/5.jpg" />
		<img src="static/images/zly/6.jpg" />
		<img src="static/images/zly/7.jpg" />
		<img src="static/images/zly/8.jpg" />
		<img src="static/images/zly/9.jpg" />
		<img src="static/images/zly/10.jpg" />
	</div>
</body>
<script type="text/javascript">
	var arr=['bounce','bounceOutDown','bounceOutLeft','bounceOutRight','fadeOut','fadeOutDown','fadeOutLeftBig','fadeOutRight','rotateOutUpRight','bounce','rubberBand']
	$('img').on('click',function(){
		$('img').removeClass()
		//隨機生成一個新的class
		var rand = parseInt(Math.random()*10)
		$(this).addClass('animated '+arr[rand])
		setTimeout(function(){
        $('img').removeClass('animated '+arr[rand]);
        }, 1000);
	})
</script>
</html>
*{margin: 0px;padding: 0px;}
.box{width: 1500px;margin: 30px auto;}
img{width: 250px;height: 310px; margin: 5px;animate-duration: 2s;}

拿來就用，方法很簡單，根據(jù)教程加了個定時器，解決效果實現(xiàn)后，圖片不顯示

QQ圖片20181230232244.png

Korrigierender Lehrer：天蓬老師Korrekturzeit：2018-12-31 16:10:54
Zusammenfassung des Lehrers：圖片不錯,看來你是穎寶寶的粉絲,可惜人家嫁人要生孩子了

Versionshinweise

Beliebte Eintr?ge