html5在android中的使用問題及技巧解讀

1、特效按鈕的進展
之前的思路：css設定div的樣式，在js中實現div對事件的響應，並改變div的樣式，以實現動畫效果。
1：以動畫的形式 複製代碼 代碼如下:var bb = document.getElementById("element");
bb.onclick=function(){
bb.className="list-item-download-inner2";//改變類名，改變CSS樣式
var t = setTimeout("init()",500); //以動畫的方式，間隔0.5秒後將類名還原
}

這種方式只是一種相似的類比，而且只有當手指離開按鈕的時候這個方法才會執行。 而我們希望的效果是像本地代碼中那樣，手指點中一個效果，離開又一個效果。

2:在html5中有關於觸控螢幕的事件：touchstart, touchend, touchmove於是我們引入jquery.js，代碼改為如下： 複製代碼 代碼如下:$('#element').bind("touchstart",function(e){
e.className="list-item-download-inner2";//手指點中時改變類名，
});
$('#element').bind("touchend",function(e){
e.className='list-item-download-inner'; //手指離開時，恢複類名，
});

這樣，在網頁中實現的效果，和在本地代碼中實現的效果就一樣了。算是一個小技巧，記下來。