本文实例为大家分享了JavaScript实现拖拽盒子效果的具体代码,供大家参考,具体内容如下
实现效果:
1.单击关闭,关闭盒子
2.点击左上方‘点击注册’,打开盒子
3.鼠标放在盒子上方蓝色区域显示十字
4.点击鼠标不松开就可移动盒子
5.松开鼠标图片暂停
实现步骤:
1.在页面最上方设置一个盒子,里面有一个超链接,超链接里面设置href=”[removed]void(0);”,再点击时不打开网页。
2.再设置一个可以拖拽的盒子,盒子嵌套一个蓝色盒子为的最上方的蓝色区域,蓝色盒子里面两个span标签,里面写‘关闭’和‘可拖拽’。
3.给‘关闭’的盒子注册点击事件,点击后,拖拽盒子样式
2021-09-29 00:07:13
47KB
c
ip
pt
1