1.首先先搭建好html静态页面。标题和背景图里面的文字。
2.开始写背景的样式和标题以及背景里面内容的样式。设置宽高距离以及字体的大小颜色,和背景色。
3.静态页面搭建完成开始写按键盘改变背景色的效果。
4.链入jQuery代码链接,我们需要实现的效果是在页面中按下键盘上的键的时候,获取他的Unicode编码给body背景色;我们按下键盘改变背景颜色的时候里面的文字也是要改变的,然后获取到背景色里面的文字。
5. 然后封装一个方法,根据传递的参数值,改变div的背景色;如果想要更多可以继续往下写。用Switch语句去执行代码块,首先设置表达式。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。然后使用 break 来阻止 代码自动地向下一个 case 运行。根据所按的键改变颜色。在没有这个键的时候就会显示查无此键。
6.案例完成,每个键盘字母都是代表一个数字,在我们按下键盘时背景颜色改变并和数字一起显示,没有写的点击就会显示查无此键。
是我所学到的引用步骤,所以我要分享给你们,希望可以帮助到你们。以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔