国产探花免费观看_亚洲丰满少妇自慰呻吟_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'; //手指離開時,恢復類名,
});

這樣,在網頁中實現的效果,和在本地代碼中實現的效果就一樣了。算是一個小技巧,記下來。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 五华县| 临沂市| 乌鲁木齐市| 大渡口区| 沙河市| 九台市| 股票| 乌兰浩特市| 嵊州市| 桂林市| 大渡口区| 镇原县| 金秀| 苏尼特右旗| 门源| 临清市| 洪湖市| 桐柏县| 安庆市| 大余县| 拜泉县| 元氏县| 安顺市| 牡丹江市| 阿克| 温州市| 凭祥市| 平泉县| 福建省| 锦屏县| 军事| 保靖县| 福泉市| 连城县| 淅川县| 龙江县| 射阳县| 鞍山市| 新余市| 图们市| 潮州市|