CSS3打造逼真的苹果电脑键盘

来源:https://www.sucaihuo.com/js/1346.html 2017-02-10 20:33浏览(1041) 收藏

这是一款使用CSS3制作的效果非常逼真的Apple苹果电脑键盘效果,该苹果电脑键盘可以通过按真实键盘上的相应键来触发虚拟键盘上的键,按键被按下时有逼真的动画效果。
CSS3打造逼真的苹果电脑键盘
分类:css3 > 按钮 难易:
查看演示 下载资源 下载积分: 20 积分

CSS3苹果电脑键盘相关JS代码

<script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>
	<script>
	$(window).keydown(function (e) {
	    key = e.keyCode ? e.keyCode : e.which;
	    $('.key.c' + key).addClass('keydown');
	    console.log(key);
	});
	$(window).keyup(function (e) {
	    key = e.keyCode ? e.keyCode : e.which;
	    $('.key.c' + key).removeClass('keydown');
	});
	</script>
标签: 电脑键盘
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2