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自定義View仿大眾點(diǎn)評(píng)星星評(píng)分控件
這篇文章主要為大家詳細(xì)介紹了Android自定義View仿大眾點(diǎn)評(píng)星星評(píng)分控件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
Android RecyclerView添加上拉加載更多功能
這篇文章主要為大家詳細(xì)介紹了Android RecyclerView如何添加上拉加載更多功能,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
android實(shí)現(xiàn)簡(jiǎn)單拼圖游戲
這篇文章主要為大家詳細(xì)介紹了android實(shí)現(xiàn)簡(jiǎn)單拼圖游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
往Android系統(tǒng)中添加服務(wù)的方法教程
最近因?yàn)槠脚_(tái)升級(jí)，需要在系統(tǒng)中添加一些服務(wù)，所以將整個(gè)過程總結(jié)一下，下面這篇文章主要給大家介紹了往Android系統(tǒng)中添加服務(wù)的方法教程，需要的朋友可以參考借鑒，下面來一起看看吧。2017-05-05
安卓(android)怎么實(shí)現(xiàn)下拉刷新
這里我們將采取的方案是使用組合View的方式，先自定義一個(gè)布局繼承自LinearLayout，然后在這個(gè)布局中加入下拉頭和ListView這兩個(gè)子元素，并讓這兩個(gè)子元素縱向排列。對(duì)安卓(android)怎么實(shí)現(xiàn)下拉刷新的相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-04-04
今天小編就為大家分享一篇關(guān)于Android自定義控件ListView下拉刷新的代碼，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2018-12-12
Android實(shí)現(xiàn)訂單倒計(jì)時(shí)功能
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)訂單倒計(jì)時(shí)的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要介紹了Android Studio中主題樣式的使用方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03
如何在Android中實(shí)現(xiàn)一個(gè)簡(jiǎn)易的Http服務(wù)器
這篇文章主要介紹了如何在Android中實(shí)現(xiàn)一個(gè)簡(jiǎn)易的Http服務(wù)器，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-05-05
Android開發(fā)中MotionEvent坐標(biāo)獲取方法分析
這篇文章主要介紹了Android開發(fā)中MotionEvent坐標(biāo)獲取方法,結(jié)合實(shí)例形式分析了MotionEvent獲取坐標(biāo)的相關(guān)函數(shù)使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-02-02