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账户密码永不过期
  • 热门搜索
    炖鱼汤的做法 童子鸡的做法 拔丝红薯的做法 盐水花生的做法 隼怎么读 酸辣粉的做法最正宗的做法 冰糖炖雪梨的做法 l怎么读 炒茄子的做法 蓟怎么读