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一起移动
  • 热门搜索
    锡林浩特旅游攻略 福建泰宁旅游攻略 云南瑞丽旅游 日本旅游签证办理流程 萍乡旅游景点大全 大渝网旅游 大武汉旅游年卡景点 重庆到云南旅游攻略 三亚旅游攻略自助游 凤凰城旅游