前言

不知不觉过了这么久了，突然学完了js,进入jQuery的学习，后面也要继续努力啊！

一、效果展示

二、步骤

1.搭建html+css

 <div class="wrap"><h1>按键改变颜色</h1><div id="bgChange">keyCode为：<span id="keyCodeSpan"></span></div></div><style>.wrap {width: 400px;height: 400px;margin: 100px auto 0;}.wrap h1 {text-align: center;}.wrap div {width: 400px;height: 300px;background: pink;font-size: 30px;text-align: center;line-height: 300px;}</style>

2.书写jQuery

使用jQuery 需要先导入jQuery.min.js

<script src="jquery-1.11.1.js"></script><script>$(function() {$(document).on("keydown", function(e) {if (e.keyCode === 71) {$("#bgChange").css("background", "green").children("span").text(e.keyCode);} else if (e.keyCode === 83) {$("#bgChange").css("background", "red").children("span").text(e.keyCode);} else if (e.keyCode === 82) {$("#bgChange").css("background", "blue").children("span").text(e.keyCode);} else if (e.keyCode === 81) {$("#bgChange").css("background", "yellow").children("span").text(e.keyCode);} else if (e.keyCode === 80) {$("#bgChange").css("background", "skyblue").children("span").text(e.keyCode);} else {$("#bgChange").css("background", "pink").children("span").text("无此键位");}});});</script>

做一个简单的根据按键不同改变盒子颜色相关推荐

老滚5初始化python失败_五分钟学会怎么用python做一个简单的贪吃蛇
Pygame 是一组用来开发游戏软件的 Python 程序模块,基于 SDL 库的基础上开发.我们今天将利用它来制作一款大家基本都玩过的小游戏--贪吃蛇. 一.需要导入的包 import pygame ...
pygame做一个简单的打字游戏
pygame做一个简单的打字游戏 1.基本代码下面的代码完成了每一秒在界面的顶部随机生成一个新的字母 # -*- coding=utf-8 -*- import pygame from pygame ...
extjs 在textfield后面加一个button_用python 做一个简单的MP3
本节将教大家如何做一个简单的mp3,希望大家能有所收获,写的不足之处望大家谅解. 废话少说,直接上代码: #!/usr/bin/env python # -*- coding: utf-8 -*- i ...
使用环信sdk做一个简单的聊天APP
使用环信sdk做一个简单的即时聊天APP,实现简单的通讯感悟在很早以前就想做一个简单的即时聊天app.可能自己对即时聊天的三方SDK了解的不是特别深,在进行了一段时间的学习以后感觉自己的能力达到了 ...
用python做一个简单GUI小软件
用python做一个简单软件前言这是一个课设,用python做一个扫描王软件我主要做的GUI部分,记录分享一下.也是第一次用python做小软件,python的方便果然是名不虚传遇到问题 1. ...
用python做一个简单的游戏,用python写一个小游戏
大家好,本文将围绕如何用python做一个简单的小游戏展开说明,python编写的入门简单小游戏是一个很多人都想弄明白的事情,想搞清楚用python做一个简单的游戏需要先了解以下几个事情. 1.Pyt ...
【Unity3d】教会你如何做一个简单的电梯系统（升降平台）
博主第一次写博客,语言略俗,有不足之处还请指正! 由于自己还处在unity小白阶段,受2d升降平台的影响(后续我也会上传关于2d升降平台的文章),突发奇想如何用3d做一个电梯系统,查阅网上资料后,发现 ...
杰理 AC692N系列 ---时钟闹钟开发流程做一个简单的闹钟
一.功能说明时钟.闹钟在带显示的音箱上是比较常见的功能,但同时也是比较复杂的功能,它的难点主要在于操作和显示部分,因为不同的项目上会有不同的操作,显示也会有很大的差异,有些项目甚至于需要添加双闹钟的 ...
使用Multiplayer Networking做一个简单的多人游戏例子-1/3（Unity3D开发之二十五）
猴子原创,欢迎转载.转载请注明: 转载自Cocos2Der-CSDN,谢谢! 原文地址: http://blog.csdn.net/cocos2der/article/details/51006463 ...

做一个简单的根据按键不同改变盒子颜色

文章目录

前言

一、效果展示

二、步骤

1.搭建html+css

2.书写jQuery

做一个简单的根据按键不同改变盒子颜色相关推荐

最新文章

热门文章