移动端点击阴影去掉、新增点击(pressed)样式

移动端一些按钮、图片在点击的时候，背景会自带阴影，这个时候想要给他去掉，就需要在点击的内容上加上 -webkit-tap-highlight-color：

图片按钮，点击（pressed）状态下更换图片，或者是其他样式，都一样的处理办法

移动端active状态下会有延迟，需要长按才会显示，这个时候，可以在js中加入

1、样式   #keyboard li.active {  background-color: #e3e3e3 }

2. js控制 

$('#keyboard li').on("touchstart", function () {

$(this).addClass("active")

})

$('#keyboard li').on("touchend", function () {

$(this).removeClass("active")

})

如果不想用传统的页面跳转，可以考虑使用一下前端的MVC框架，比如backbone.js比如Angular.js都可以实现你说的那种，上下不动只有中间的内容在变，其实加载的是不同的模板，然后用路由控制的，整个浏览器始终处在一个界面中，只是在不停的重新渲染内容，页面并没有跳转，这个应该就是你想要的了吧

---