如何设置div鼠标浮动效果

 时间:2024-10-21 07:55:34

1、首先我们在html里定义一个div,id为‘mouse_div’,然后定义该div的样式,主要是定义position,让其绝对定位,代码如图。

如何设置div鼠标浮动效果

3、最后添加代码,在页面加载完后,给页面添加鼠标mousemove事件,在事件函数里,调用moving方法,就实现div鼠标浮动效果

如何设置div鼠标浮动效果

5、效果是实现了,但我们做一些美化,把移动的div做得漂亮一点。先把div里的文字去掉。我们不显示文字,显示一张图片。

如何设置div鼠标浮动效果

7、再次看下页面效果,现在随鼠标移动的是一个漂亮的蝴蝶了:)

如何设置div鼠标浮动效果
  • 设置div的文本与边框的间距
  • Bootstrap中如何制作下拉菜单
  • 如何在flash中做一个发光的按钮
  • css如何将表格双线边框变成单线边框
  • FLASH CS6钢笔工具怎样用?
  • 热门搜索
    无证驾驶汽车怎么处罚 如何处理好婆媳关系 享受生活作文 我爱你用韩文怎么写 如何疏通下水道 咳嗽一直不好是什么原因 如何做淘宝客 朝鲜生活 绿叶爱生活卫生巾 电脑卡的要死怎么办