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点击事件基础用法
猜你喜欢