html5在android中的使用問題及技巧解讀
更新時(shí)間：2013年03月01日 15:52:27 作者：
本文將詳細(xì)介紹下html5在android中的使用:特效按鈕的進(jìn)展/在html5中有關(guān)于觸摸屏的事件,感興趣的你可以參考下，或許對(duì)你有所幫助
1、特效按鈕的進(jìn)展
之前的思路：css設(shè)置div的樣式，在js中實(shí)現(xiàn)div對(duì)事件的響應(yīng)，并改變div的樣式，以實(shí)現(xiàn)動(dòng)畫效果。
1：以動(dòng)畫的形式
var bb = document.getElementById("element");
bb.onclick=function(){
bb.className="list-item-download-inner2";//改變類名，改變CSS樣式
var t = setTimeout("init()",500); //以動(dòng)畫的方式，間隔0.5秒后將類名還原
}
這種方式只是一種相似的模擬，而且只有當(dāng)手指離開按鈕的時(shí)候這個(gè)方法才會(huì)執(zhí)行。 而我們希望的效果是像本地代碼中那樣，手指點(diǎn)中一個(gè)效果，離開又一個(gè)效果。
2:在html5中有關(guān)于觸摸屏的事件：touchstart, touchend, touchmove于是我們引入jquery.js，代碼改為如下：
$('#element').bind("touchstart",function(e){
e.className="list-item-download-inner2";//手指點(diǎn)中時(shí)改變類名，
});
$('#element').bind("touchend",function(e){
e.className='list-item-download-inner'; //手指離開時(shí)，恢復(fù)類名，
});
這樣，在網(wǎng)頁中實(shí)現(xiàn)的效果，和在本地代碼中實(shí)現(xiàn)的效果就一樣了。算是一個(gè)小技巧，記下來。
之前的思路：css設(shè)置div的樣式，在js中實(shí)現(xiàn)div對(duì)事件的響應(yīng)，并改變div的樣式，以實(shí)現(xiàn)動(dòng)畫效果。
1：以動(dòng)畫的形式
復(fù)制代碼 代碼如下:
var bb = document.getElementById("element");
bb.onclick=function(){
bb.className="list-item-download-inner2";//改變類名，改變CSS樣式
var t = setTimeout("init()",500); //以動(dòng)畫的方式，間隔0.5秒后將類名還原
}
這種方式只是一種相似的模擬，而且只有當(dāng)手指離開按鈕的時(shí)候這個(gè)方法才會(huì)執(zhí)行。 而我們希望的效果是像本地代碼中那樣，手指點(diǎn)中一個(gè)效果，離開又一個(gè)效果。
2:在html5中有關(guān)于觸摸屏的事件：touchstart, touchend, touchmove于是我們引入jquery.js，代碼改為如下：
復(fù)制代碼 代碼如下:
$('#element').bind("touchstart",function(e){
e.className="list-item-download-inner2";//手指點(diǎn)中時(shí)改變類名，
});
$('#element').bind("touchend",function(e){
e.className='list-item-download-inner'; //手指離開時(shí)，恢復(fù)類名，
});
這樣，在網(wǎng)頁中實(shí)現(xiàn)的效果，和在本地代碼中實(shí)現(xiàn)的效果就一樣了。算是一個(gè)小技巧，記下來。
您可能感興趣的文章:
相關(guān)文章
Android程序開發(fā)之WebView使用總結(jié)
這篇文章主要介紹了Android程序開發(fā)之WebView使用總結(jié)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
這篇文章主要介紹了Android自動(dòng)獲取短信驗(yàn)證碼功能,通過自定義短信監(jiān)聽器用于自動(dòng)填充驗(yàn)證碼功能，具體實(shí)現(xiàn)代碼大家可以參考下本文2017-04-04
下面小編就為大家?guī)硪黄狝ndroid 獲取簽名公鑰和公鑰私鑰加解密的方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12
這篇文章主要介紹了Android中Activity的生命周期探討,本文同時(shí)講解了銷毀Activity、暫停與恢復(fù)、停止與重啟Activity等內(nèi)容,需要的朋友可以參考下2014-10-10
Android編程之控件狀態(tài)配置文件實(shí)例
這篇文章主要介紹了Android編程之控件狀態(tài)配置文件,以實(shí)例形式分析了Android控件狀態(tài)配置文件對(duì)于選中、獲得焦點(diǎn)、按下時(shí)的狀態(tài)等相關(guān)設(shè)置技巧,需要的朋友可以參考下2016-01-01
android時(shí)間選擇控件之TimePickerView使用方法詳解
這篇文章主要為大家詳細(xì)介紹了android時(shí)間選擇控件之TimePickerView的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-09-09
直接可用的Android studio學(xué)生信息管理系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了直接可用的Android studio學(xué)生信息管理系統(tǒng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
Android local.properties 文件讀取實(shí)例詳解
這篇文章主要介紹了Android local.properties 文件讀取實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-05-05
Android?RecyclerChart其它圖表繪制示例詳解
這篇文章主要為大家介紹了Android?RecyclerChart其它圖表繪制示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
Android仿XListView支持下拉刷新和上劃加載更多的自定義RecyclerView
這篇文章主要介紹了仿XListView支持下拉刷新和上劃加載更多的自定義RecyclerView的實(shí)例代碼，非常不錯(cuò)，具有參考價(jià)值，感興趣的朋友可以參考下2016-05-05