a亚洲精品_精品国产91乱码一区二区三区_亚洲精品在线免费观看视频_欧美日韩亚洲国产综合_久久久久久久久久久成人_在线区

首頁 > 系統 > Android > 正文

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

2020-04-11 12:30:58
字體:
來源:轉載
供稿:網友
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'; //手指離開時,恢復類名,
});

這樣,在網頁中實現的效果,和在本地代碼中實現的效果就一樣了。算是一個小技巧,記下來。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 伊人av超碰久久久麻豆 | 欧美成人一区二区三区片免费 | 欧美精品久久久 | 日韩av免费在线观看 | 婷婷成人在线 | 红色av社区| 国产精品久久久99 | 玖玖操| 亚洲高清欧美 | 国产精品久久毛片 | 99在线看 | 午夜激情综合 | 久在线视频 | 91精品在线观看入口 | 日本免费不卡 | 国产欧美精品一区二区 | 亚洲欧美国产毛片在线 | 骚黄视频 | 免费一级片网址 | 久久精品福利视频 | 一级毛片网 | 视频一区二区三区在线观看 | 亚洲视频免费观看 | 成人av影片 | 欧美日韩在线一区二区 | 国产一区二区三区色淫影院 | 久久久精品网 | 牛牛影视成人午夜影视 | 日本精品久久 | 亚欧色视频 | 精品久久99 | 91一区二区三区久久国产乱 | 国产一区二区久久久 | 美女福利视频网站 | 99精品欧美一区二区三区综合在线 | 亚洲欧美日韩精品久久亚洲区 | 午夜精品久久久久久久白皮肤 | 屁屁影院在线观看 | 日韩午夜一级片 | 日本一区二区三区在线观看 | 国产一区二区精品在线观看 |