国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 系統 > 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'; //手指離開時,恢復類名,
});

這樣,在網頁中實現的效果,和在本地代碼中實現的效果就一樣了。算是一個小技巧,記下來。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 健康| 和政县| 万荣县| 崇义县| 延寿县| 公安县| 楚雄市| 新丰县| 泉州市| 郓城县| 崇文区| 卢氏县| 大新县| 乌恰县| 玉田县| 盖州市| 孟州市| 壤塘县| 抚宁县| 惠东县| 溧水县| 张家口市| 西昌市| 光山县| 集贤县| 武定县| 龙泉市| 阿图什市| 鲁甸县| 寻乌县| 铅山县| 长武县| 阳曲县| 沭阳县| 江阴市| 白银市| 内江市| 鹤壁市| 绥化市| 华坪县| 宜兰县|