jquery点击事件基础用法

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

1、打开dreamweaver软件,新建html文件,如图所示

jquery点击事件基础用法

3、然后在head中建立style标签,添加对div和图片的修饰,ctrl+s保存文件,然后打开浏览器预览,效果如图所示

jquery点击事件基础用法

4、在head中引入jquery文件,如图所示

jquery点击事件基础用法

6、div由引摒蛲照燔号包含,表示对div实行操作,鼠标点击div时,当前的对象在3秒内向右移动500px;添加marginLeft时,第二个单词要大写,如图所示

jquery点击事件基础用法

7、鼠标点击div后,div向右移动500px,div移动到500px后,如果想要将其再自动返回原始位置,就需要再添加返回的命令,如图所示,div执行完第一个操作后,继续执行第二个操作,返回原始位置

jquery点击事件基础用法
  • jquery怎么防止连点击
  • jquery跳转页面的方法
  • Jquery-点击隐藏事件-鼠标点击1时2隐藏
  • Jquery点击事件-横线跟随鼠标移动
  • jquery-点击事件-点击h1后,h1和div一起移动
  • 热门搜索
    水晶肘子的家常做法 大锅菜怎么做好吃 脚气痒痒难忍怎么办 月季花的养殖方法 面试问题大全及答案大全 功血的最好治疗方法 农村别墅设计图纸及效果图大全 四川腊肉的腌制方法 肌肉拉伤怎么治疗 活动流程怎么写