- 博客(4)
- 收藏
- 关注
原创 通过滑块改变div的颜色
效果图需求:如图所示,通过改变滑块的位置改变div的颜色思路:通过设置span的left的范围控制滑块的运动范围span的left值就是r g b的值(0-255)通过模板字符串改变div的background => rgbCSS样式:<style> * { padding: 0; marg...
2019-07-23 19:42:51 691
原创 div拖拽代码优化
通过函数进行代码优化目的:实现div拖动shift按键只改变top或left (div 坐标某方向变化)四个方向拉伸(div 宽或高变化)四个角拉伸 (div 宽高同时变化)优化前代码思路:拖动和某方向上的位置变化只能单独写四个方向拉伸时,分别设置四个角拉伸变化时,分别设置缺点:重复代码过多,占用资源多优化思路:定义函数,使div通过类名进行变化优化后代码:&l...
2019-07-23 19:30:41 232
原创 div四效果实现
div四效果实现需求如下鼠标点击进行移动拖拽四条边实现div大小变化拖拽四个角实现div大小变化按住shift键只能拖拽鼠标变化量大的方向效果图
2019-07-23 19:18:14 439
原创 鼠标跟随小飞机,发射子弹
需求:小飞机跟随鼠标移动,会发射子弹效果:小飞机会跟随鼠标移动。每隔一段时间小飞机会发射一枚子弹子弹会沿着发出时的位置向上移动思路:开场一个div,设置背景图片为小飞机。(本项目只需要一个div标签,不做代码展示)设置鼠标移动事件,获取鼠标位置。设置小飞机位置跟随鼠标。设置间隔函数,动态获取子弹(即小球)。设置间隔函数,更改小球的垂直方向的位置。CSS代码:<...
2019-07-09 20:36:53 425
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人