js-事件案例
js有关事件,如键盘事件,鼠标事件等
啵雨的博客
要学习的还有很多!!
展开
-
js-单选(复选)框onchange事件案例-三级联动
js-单选框onchange事件案例-三级联动html部分<body>省:<select id="pro"></select>市:<select id="city"></select>区:<select id="county"></select><script src="script.js"...原创 2020-04-27 23:53:20 · 1280 阅读 · 0 评论 -
js-键盘事件案例-小人快跑
js-键盘事件案例-小人快跑案例思路:利用键盘的keycode判断按了上下左右什么键,然后利用键盘事件onkeydown对小人的定位进行改变即可css部分:由于操纵的是小人的位置,所以我们要先给小人添加一个定位<style> #imgs { position: absolute; left: 500px; top: 20...原创 2020-04-26 01:26:23 · 781 阅读 · 0 评论 -
js-键盘事件案例-飞机发射子弹
js-键盘事件案例-飞机发射子弹一.先对飞机进行研究:css部分改变飞机的位置,所以要加定位<style> #img{ position:absolute; left:0px; top:0px; }</style>html部分(images/1.gif为飞机图片)<body>...原创 2020-04-27 19:34:53 · 31644 阅读 · 1 评论 -
js-鼠标事件-放大镜效果
js-鼠标事件-放大镜效果事前准备两张长宽比1:2的图css部分1.外部一个大盒子2.里面有两个等宽高的小盒子(小盒子宽高跟小图片一样大) 分别装两个图片,且分别浮动在左右两侧3.给装大图片的小盒子一个overflow:hidden,且给大图片定位在小盒子的左上角,为什么要定位,后面会讲到。4.再向装小图片的小盒子中定位一个b标记(代表放大镜的位置)暂时定位到左上角<st...原创 2020-04-26 17:04:05 · 845 阅读 · 0 评论 -
js-鼠标事件-拖放图片(对鼠标事件进一步加深印象)
js-鼠标事件-拖放图片(对鼠标事件进一步加深印象)有时候验证码拼图的形式,就运用了拖动图片的思想css部分(用一个蓝色盒子模拟图片)由于需要更改图片位置,所以要加定位<style> *{margin:0;padding:0} #box{ width:300px; height: 300px; background...原创 2020-04-27 00:10:50 · 316 阅读 · 0 评论