网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容 知识问答

Jquery点击事件-横线跟随鼠标移动

时间:2024-10-31 00:23:52

1、在DW中建立h1和几个div,并对其进行属性修饰

Jquery点击事件-横线跟随鼠标移动

3、简单基础代码输入完成后,开始进行修饰,这是一个点击事件,所示输入click的固定搭配,然后鼠标点击第一个块时,上方的线h1蛔歹朽耍移动位置,当点击第一个div时,h1移动位置为0,不需要移动$("div:eq(0)").click(function(){ $("h1").animate({left:0}) })

Jquery点击事件-横线跟随鼠标移动

5、ctrl+s将代码保存后,F12在浏览器中预览效果,当鼠标点击观察图时,线移动到上方

Jquery点击事件-横线跟随鼠标移动

7、最后将文件保存,查看最终效果,鼠标点击哪个div,上方的线条就会自动跳转到对应的块状上方。

Jquery点击事件-横线跟随鼠标移动
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com