本篇內(nèi)容主要講解“怎么使用slip js”,感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷,實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“怎么使用slip js”吧!
為張北等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù),及張北網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、張北網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長(zhǎng)期合作。這樣,我們也可以走得更遠(yuǎn)!slip是一個(gè)移動(dòng)滑屏web框架,改庫(kù)大小5.75K,非常輕量,兼容ios5+、android2.3+系統(tǒng),其滑屏功能,響應(yīng)靈敏。
slip.js調(diào)用
varcontainer=document.getElementById('container');
varpages=document.querySelectorAll('.page');
varslip=Slip(container,'y').webapp(pages);
Slip:暴露到全局的方法,只要你引入slip.js,就可以得到這個(gè)實(shí)用牛逼的方法。
container:被滑動(dòng)的容器,里面是每個(gè)滑動(dòng)頁(yè)面。
'y':頁(yè)面滑動(dòng)的方向,你也可以傳入'x'。
webapp:設(shè)置頁(yè)面展現(xiàn)為全屏滑動(dòng)頁(yè)面的方法。
pages:頁(yè)面元素列表。
slip框架的頁(yè)面樣式
slip框架的頁(yè)面樣式需要自定義,不過(guò)這里我簡(jiǎn)單寫(xiě)好了~
(如果你不使用框架,推薦用transform:translate(X,Y)的寫(xiě)法,首先transform:translate可設(shè)計(jì)高性能動(dòng)畫(huà),其次兼容android2.3+的系統(tǒng),transform:translateY不兼容android2.3的系統(tǒng))
兼容ios5+、android2.3+系統(tǒng),其滑屏功能,響應(yīng)靈敏~(yú)如果你只需要設(shè)計(jì)簡(jiǎn)單的滑屏效果,可考慮它~
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metacontent="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"name="viewport">
<metacontent="yes"name="apple-mobile-web-app-capable">
<metacontent="black"name="apple-mobile-web-app-status-bar-style">
<metacontent="telephone=no"name="format-detection">
<metacontent="email=no"name="format-detection">
<title>slip</title>
到此,相信大家對(duì)“怎么使用slip js”有了更深的了解,不妨來(lái)實(shí)際操作一番吧!這里是創(chuàng)新互聯(lián)建站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
網(wǎng)頁(yè)名稱:怎么使用slipjs-創(chuàng)新互聯(lián)
URL分享:http://vcdvsql.cn/article42/pjhhc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動(dòng)態(tài)網(wǎng)站、建站公司、網(wǎng)站排名、定制開(kāi)發(fā)、移動(dòng)網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容