亚洲高清偷拍一区二区三区-亚洲高清网站-亚洲高清网站在线-亚洲高清无码-亚洲高清无码成人av-亚洲高清无码第一

萬企互聯-專注高端網站建設
掃描關注萬企互聯微信公眾賬號

掃一掃微信二維碼

jQuery全屏滾動插件DD Full Screen Slider

特效源碼?2022/3/8? 509

DD Full Screen Slider 是一款基于 jQuery 和 jquery.mousewheel.js 的全屏滾動插件,正因為基于前面兩個文件,所以它比較小,不壓縮也不到 10KB。DD Full Screen Slider 有一下特點:

支持桌面和移動設備

多種方式切換:鼠標滾輪、鼠標拖拽、圓點導航、鍵盤方向鍵

支持錨點/哈希

在不支持 CSS3 動畫的瀏覽器中自動回滾使用 jQuery 動畫

支持多種瀏覽器,包括 IE8(部分)

使用方法

1、引入文件

<link rel="stylesheet" href="css/ddfullscreenslider.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.mousewheel.min.js"></script>
<script src="js/ddfullscreenslider.js"></script>

2、HTML

<section id="dowebok" class="dd_fullscreenslider">
    <div class="slidewrapper">
        <article class="slide">第一屏</article>
        <article class="slide">第二屏</article>
        <article class="slide">第三屏</article>
        <article class="slide">第四屏</article>
        <article class="slide">第五屏</article>
    </div>
</section>

3、JavaScript

var fss;
$(function() {
    fss = new ddfullscreenslider({
        sliderid: 'dowebok'
    });
});

配置

屬性/方法 類型 默認值 說明
sliderid(必須) 字符串 綁定ID
addHash 布爾值 true 使用錨鏈接
transitionDuration 數字 0.5 動畫持續時間,以秒為單位
keycodeNavigation 數組 [40, 38] 鍵盤控制的按鍵值
swipeconfig 對象 {peekamount: 100, mousedrag: true} 針對觸摸設備的配置
onslide 函數 回調函數
jQuery全屏滾動插件DD Full Screen Slider演示.rar

文章關鍵詞
jQuery
全屏
滾動
萬企互聯 咸陽網站建設 萬企微信 IDC主機測評 域名轉發系統 IP地址查詢 萬企工具 超越彼岸BEYOND 六佰號MSDN系統 TOP圖標庫 六百號技術 秦漢新城眾創保潔服務有限公司
主站蜘蛛池模板: 国产精品综合一区二区在线观看 | 幻女FREE性ZOZO交喷水 | 日本无码毛片一区二区手机看 | 国产系列久久精品人人 | 国产日韩一区二区 | a级毛片无码无遮挡 | 国产偷窥熟女精品图片 | 亚洲精品无码高潮喷水A片软 | 一女被两男吃奶添下A片免费网站 | 91精品手机国产在线能 | 一本道本月无码 | 无码人妻少妇色欲av一区二区 | 人妻精油按摩bd高清中文字 | 精品国产成人在线 | 男女高潮又爽又黄又无遮挡 | 亚洲AV无码成人精品久久 | 国产午夜美女av | 男女做爰全A片免费的看 | 精品人妻一区二区三区夜夜精品 | 精品一区二区成人在线 | 无码不卡在线播放 | 在线精品亚洲一区二区三区 | 亚洲欧美激情图片 | 国产精品免费久久久久软件 | 在线观看免费色六月婷婷激情综合 | 国产免费无码又爽又刺激A片小说 | 国产精品免费无遮挡无码 | 日本无码精品无码白石麻衣 | 亚洲国产精品成人av无码久久综合网 | 波多野结衣 | 久久久久久亚洲av无码专区 | 国产乱码人妻一区二区三区 | 久久久精品波多野结衣av | 午夜福利影院免费久久 | 狠狠躁日日躁夜夜躁A片免费 | 成人久久免费视频 | av波多野吉衣专区 | 亚洲av无码国产剧情 | 国产精品原创中文巨作av | 青青青免费精品视频在线观看 | 午夜A片无码福利1000集 |