js加h5 实现摇一摇切换图片

一，开发环境
1.sublime3 电脑端开发软件

2.chrome 手机端测试软件

3.tomcat9 在测试用的服务器

二，开发前的准备工作
1.在tomcat的 webapps 目录下新建一个目录 my,然后在 my 目录中创建 img 目录用来存放图片，接着新建 main.html 文件。

1.jpg

2.jpg

2.启动tomcat 服务器，让手机和电脑处在同一个局域网内，我是用电脑开了热点，然后手机连接到这个热点。在电脑端打开命令行工具，输入 ipconfig 查看你的电脑的 ip 地址，然后在手机浏览器中输入 你电脑 ip :8080 如果显示下面的界面说明你的手机已经成功的连接到了你的 tomcat服务器上。

3.jpg

三，准备开发
1.用 sublime 打开你建好的 main.html,输入下面的代码。然后保存，接着在手机浏览器中输入你电脑的 ip:8080/my/main.html,显示如下界面说明你已经打开了你写好的页面，然后你就可以尝试着摇动你的手机，你会发现图片在你摇动后切换了。

4.jpg

'''

0

   

   

'''