1、打开dreamweaver软件，新建html文件，如图所示
2、在body中建立两张图片，由div包含图片，如图所示
3、然后在head中建立style标签，添加对div和图片的修饰，ctrl+s保存文件，然后打开浏览器预览，效果如图所示
4、在head中引入jquery文件，如图所示
5、然后在body最下面写将要执行的操作，在script中建立点击事件$().cl坡纠课柩ick(function(){})；$() 括号内填写将要添加效果的对象，如图所示
6、div由引摒蛲照燔号包含，表示对div实行操作，鼠标点击div时，当前的对象在3秒内向右移动500px；添加marginLeft时，第二个单词要大写，如图所示
7、鼠标点击div后，div向右移动500px，div移动到500px后，如果想要将其再自动返回原始位置，就需要再添加返回的命令，如图所示，div执行完第一个操作后，继续执行第二个操作，返回原始位置
8、两次的执行操作都是针对同一个对象，可以添加在一起写，如图所示
