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点击事件-横线跟随鼠标移动
  • 如何使用JavaScript中的两种方法获取JSON数据
  • php怎样把一个数组写入一个文件
  • 如何用js设置密码提示框
  • Windows 7禁用Administrator账户密码永不过期
  • 热门搜索
    扬州旅游攻略 海南国际旅游岛 旅游景点英语 澳门旅游塔 泸沽湖旅游 云南旅游攻略自由行 阆中旅游攻略 天台山旅游攻略 瑞丽旅游 旅游资源评价