写了个无厘头但戳我笑点的小网站

最近听到了一首歌，叫《Unwelcome School》，又名《银行快乐曲》（划掉），所以我就做了个无厘头的小网站

源码构成:JavaScript，Css，HTML

<!DOCTYPE html>
	<head>
		<meta charset="UTF-8">
		<style type="text/css">

//设置item-抖动块

                   .item{                             //抖动块大小
	   
				width: 1120px;
				height: 500px;
				background: #FFF;
				border-radius: 5px;
	   
		   }
	   
		   .item:hover{
				animation-delay: 0s;
			   animation-name: shock;
			   animation-duration: .1s;
			   animation-iteration-count: 100;
			   animation-direction: normal;
			   animation-timing-function: linear;
		   }
	   
		   @keyframes shock {                         //抖动幅度设置
			   0% {
				   margin-left: 0px;
				   margin-right: 100px;
				   margin-top: 0px;
			   }
			   100% {
				   margin-left: 100px;
				   margin-right: 0px;
				   margin-top: 5px	;
			   }
		   }
		   .btn {                                      //给触发音乐使用的按钮效果
				   background: none;
				   border: none;
	   
			   }
</style>
</head>

//页面主体

<body>
		<audio src="Unwelcome School.mp3" id="myAudio"></audio><!-- 插入音频 -->
		<center>
			<button class="btn" onClick="playMyAudio()">
				<br><br>
				<br><br>
				<br><br>
				<center>
					<center class="item">
						<br>
						<br>
						<br>
						<br>
						<br>
						<br>
						<br>
						<h1 style="font-size:60px">我要抢银行！！！！！</h1>
					</center>
					<center>
						</button>
					</center>
				</body>
				<script type="text/javascript">
				function playMyAudio() {
					document.getElementById("myAudio").play();
				}
				</script>
				</html>

3条评论

3条评论

发表回复 取消回复

发表回复取消回复