亚洲高清偷拍一区二区三区-亚洲高清网站-亚洲高清网站在线-亚洲高清无码-亚洲高清无码成人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圖標庫 六百號技術 秦漢新城眾創保潔服務有限公司
主站蜘蛛池模板: 欧美精产国品一二三区别 | 国产精品自产拍高潮在线观看 | a天堂视频 | 日韩欧美中 | 亚洲麻豆av成本人无码网站 | 国产精品原创永久在线观看 | 自拍一区在线 | 按摩人妻中文字幕 | 欧美成人精品A片免费一区99 | 国产麻豆成av人片在线观看 | 久久午夜夜伦鲁鲁片不卡 | 国产精品视频一区二区猎奇 | 亚洲一区日韩二区欧美三区 | 日本高清不卡一区久久精品 | 中文国产一区二区 | 亚洲国产精品综合小说图片区 | 亚洲男女一区二区三区 | 成人福利在线播放 | 国产精品无码dvd在线观看 | 精品国内a人片在线观看 | 亚洲丝袜国产 | 国产欧美动漫日韩在线一区二区三 | 一级特黄毛片 | 国产热久久精 | 日韩国产精品欧美一区二区 | 国产欧美日韩精品区一区二区 | 久久久亚洲欧洲日产无码av | 一级毛片| 麻花传媒高清 | 国产艳妇av在 | 国产精品三级网站 | 成人黄色在线 | 国产特黄特色的大片观看免费视频 | 日本波多野结衣在线观看 | 偷拍激情视频一区二区三区 | 国产无遮挡裸体免费视频A片软件 | a级毛片毛片免费观看永久 a级毛片毛片免费看 | 欧洲精品va无码一区二区三区 | 久久精品91 | 国产69式视频在线观看 | 四虎影视永久免费观看地址 |