真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

移動端js事件和庫

1.touch事件

創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站設計、成都網(wǎng)站建設與策劃設計,銅陵網(wǎng)站建設哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設10余年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:銅陵等地區(qū)。銅陵做網(wǎng)站價格咨詢:028-86922220

(1)touchstart 手指放到屏幕觸發(fā)
(2)touchmove 滑動觸發(fā)
(3)touchend 離開觸發(fā)
(4)touchcancel 系統(tǒng)取消touch事件的時候觸發(fā),比較少用

一般時封裝使用來實現(xiàn)這三種操作,可以使用封裝成熟的js庫

2.zeptojs

是一個輕量級的針對現(xiàn)代高級瀏覽器的JavaScript庫,它與jQuery有著類似的api。會用jQuery就會zeptojs。一些可選功能時專門針對移動端瀏覽器的;它的最初目標是在移動端提供一個精簡的類似jQuery的js庫

官網(wǎng):http://zeptojs.com
中文api:http://www.css88.com/doc/zeptojs_api/
默認版本包括core、Ajax、event、form、IE模塊
自定義構(gòu)建:http://github.e-sites.nl/zeptobuilder/

注意:了解即可

3.swiper

是一款成熟穩(wěn)定的應用于PC端和移動端的滑動效果插件,一般用來觸屏焦點圖、觸屏整屏滾動等效果。swiper版本2.x支持低版本瀏覽器,3.x放棄支持低版本,適用應用在移動端

中文網(wǎng):http://www.swiper.com.cn/

4.swiper參數(shù)設置

(1)initialSlide:初始索引值,從0開始
(2)direction:滑動方向 horizontal | vertical
(3)speed:滑動速度,單位ms
(4)autoplay:設置自動播放及播放時間
(5)autoplayDisableOnlnteraction:用戶操作swiper后是否還自動播放,默認是true,不再自動播放
(6)paginnation:分頁圓點
(7)paginationClickable:分頁圓點是否點擊
(8)prevButton:上一頁箭頭
(9)nextButton:下一頁箭頭
(10)loop:是否首尾銜接

$(function(){
var swiper = new Swiper('.swiper-container', { /創(chuàng)建一個swiper,父級div類,分頁類,按鈕類/
pagination: '.swiper-pagination',
prevButton: '.swiper-button-prev',
nextButton: '.swiper-button-next',
// 初始的幻燈片是第幾張
initialSlide :0,

                 // 小圓點是否可點擊
                  paginationClickable: false,

                  //是否連續(xù)播放(設置false會在最后一張返回)
                  loop: true,

                  // 設置多長時間間隔播放一張
                  autoplay:3000,

                  // 用戶操作后還是否自動播放
                  autoplayDisableOnInteraction:true
            })
    });

網(wǎng)站題目:移動端js事件和庫
URL網(wǎng)址:http://weahome.cn/article/jciedc.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部