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

2020-02-21 17:35:43

字體：大中小

來源：轉載

供稿：網友

現在很多應用都會嵌套HTML5頁面，武林技術頻道小編主要解讀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'; //手指離開時，恢復類名，
});

通過武林技術頻道小編解讀html5在android中的使用問題及技巧，相信大家都有了一定的了解，如需了解更多的相關資訊，請繼續關注武林技術頻道吧！

上一篇：Android開源組件小結

下一篇：listview里子項有按鈕的情況使用介紹