1、首先准备一个HTML结构的文档，页面可以制作的简单点。
2、然后在页面的body区域中放置一个img图片。
3、我们先来运行一下页面，你会在页面中看到如下图所示的圆圈。
4、接下来我们就需要对页面进行CSS处理，如下图所示，给img图片添加样式，注意里面有旋转样式。
5、然后实现旋转的设置，这个是CSS3的新功能，主要是对图片进行旋转度数的设置。
6、最后运行程序，你会看到页面中的圆圈在不停的旋转，和我们平常看到的加载中的效果很像。
html里是无法检测的，只能通过js调用android的方法，获取到app的安装信息后，再调用js，传值到html里获得$(function(){
$(".a").click(function(){
var the_href=http://segmentfault.com/a/$(".a").attr("href")//获得下载链接
if(ua.match(/MicroMessenger/i)=="micromessenger") { //是否微信打开
$(".box-bg").show()//微信打开出浮层，微信暂不支持Scheme打开非企鹅应用
}else {
window.location.href=http://segmentfault.com/a/the_href//打开某手机上的某个app应用
setTimeout(function(){
window.location.href="https://iTunes.Apple.com/us/app/id......."//如果超时就跳转到app下载页
},500)
}
})
})
