一个简单的网页版钢琴（用到JQuery）

最新推荐文章于 2024-02-23 20:36:31 发布

張猴子

最新推荐文章于 2024-02-23 20:36:31 发布

阅读量5.5k

点赞数 4

分类专栏： HTML&&CSS 文章标签： html JQuery 游戏琴键

本文链接：https://blog.csdn.net/qq_42532128/article/details/88906935

版权

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>琴键</title>
	<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>	 
	<style>
		*,*:after,*:before{
    
			box-sizing: border-box;
			padding:0;
			margin:0;
			border:none;
			text-decoration:none;
		}
		
		body{
    
			margin: 0 auto;
			padding: 0;
			text-align: center;
		}
		
		#wrap{
    
			width: 1100px;
			height: auto;
			margin: 0 auto;
			background: #F6F5F4;
		}
		
		.box{
    
			margin: 68px 50px;
			width: 50px;
			height: 450px;
			position: relative;
			border:none;
			box-shadow: 0px 1px 3px #333;
			cursor: pointer;
			margin-left: -35px;
		}
		
		.key1{
    
			background: #1FBCE9;
			margin-left: 50px;
		}
		.key2{
    
			background: #53A5EA;
		}
		.key3{
    
			background: #9288EC;
		}
		.key4{
    
			background: #C173ED;
		}
		.key5{
    
			background: #D367C

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

張猴子

关注关注

4
点赞
踩
9

收藏

觉得还不错? 一键收藏
1
评论
一个简单的网页版钢琴（用到JQuery）

<!doctype html><html><head><meta charset="utf-8"><title>琴键</title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> ...
复制链接

扫一扫