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

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

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

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

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