自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 问答 (1)
  • 收藏
  • 关注

原创 JS通过键盘实现div的 四向/八向 移动

四向移动 实现步骤:         1、判断按下的方向键         2、识别后对div的style进行更改,实现移动效果         3、将代码封装改善 代码块: //obj是移动对象,speed为对象移动速度,time是setInte

2021-03-22 20:51:44 587 3

原创 JS实现DIV块移动与伸缩

JS实现DIV块移动与伸缩 1、移动 分析: 要想移动div块,分为几个过程: mousedown、div随鼠标移动(mousemove)、mouseup时的取消 实现: 首先,事件因在mousedown时触发,为避免用户在点击网页的其他部分时误触mousemove和mouseup函数,这俩部分都应当在mousedown函数内部 编写代码时需要解决的问题: event的兼容问题、关于鼠标在点击时总会恒定出现在div块的左上顶点、浏览器的默认行为 实现代码块: //将drag封装方便后续使用

2021-03-20 22:03:23 885 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除