<menuitem id="phbrh"></menuitem>
<cite id="phbrh"><video id="phbrh"><listing id="phbrh"></listing></video></cite><cite id="phbrh"><strike id="phbrh"><listing id="phbrh"></listing></strike></cite>
<menuitem id="phbrh"></menuitem>
<menuitem id="phbrh"><dl id="phbrh"><progress id="phbrh"></progress></dl></menuitem>
<cite id="phbrh"><strike id="phbrh"></strike></cite><var id="phbrh"></var><var id="phbrh"><strike id="phbrh"></strike></var><var id="phbrh"><strike id="phbrh"></strike></var>
<menuitem id="phbrh"><dl id="phbrh"><progress id="phbrh"></progress></dl></menuitem><var id="phbrh"><strike id="phbrh"></strike></var>
<var id="phbrh"><strike id="phbrh"></strike></var><var id="phbrh"></var>
添加到百度首頁
添加收藏 RSS 網站地圖 舊版網站
  • 全部
  • 網頁特效
  • 建站教程
  • 設計分享
當前位置:首頁 > 網頁特效 > 焦點圖 >

jquery.fractionslider.js制作動態焦點圖

時間:2016-05-30      來源:互聯網     
特效說明:
一款jquery.fractionslider.js制作動態焦點圖特效下載,該JS特效支持淡入彈出、左右飛入、上下飛入等多元素組合動畫自動輪播焦點圖代碼特效,兼容IE7及以上主流瀏覽器。(兼容測試:IE7及以上、Firefox、Chrome、Opera、Safari、360等主流瀏覽器)
使用方法:
1、調用CSS樣式:
<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="css/fractionslider.css">

2、調用JS插件代碼:
<script src="js/jquery-1.9.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.fractionslider.js" type="text/javascript" charset="utf-8"></script>

3、添加HTML代碼:
將<!--效果html開始-->......<!--效果html結束-->之間的html和js代碼;放在<body></body>之間。

4、初始化代碼:
<script language="javascript">
$(window).load(function(){
    $('.slider').fractionSlider({
        'fullWidth':             true,
        'controls':             true,
        'pager':                 true,
        'responsive':             true,
        'dimensions':             "1000,400",
        'increase':             false,
        'pauseOnHover':         true
    });
});
</script>
相關特效
  • Parallax.js強大的javascript視覺差特效引擎

    Parallax.js強大的javascript視覺差特效引擎

    Parallax.js是一款功能非常強大的javascript視覺差特效引擎插件。通過這個視覺差插件可以制作出非常炫酷的視覺差特效。它可以檢測智能設備的方向。你可以將它作為jQuery插件來使用,也可以以純……
    2016-05-30
  • 鼠標滾動視覺差skrollr.js插件網頁特效

    鼠標滾動視覺差skrollr.js插件網頁特效

    skrollr.js是一款流行的視差滾動類庫,不依賴于其它框架的獨立類庫,可以讓你快速打造出視差滾動效果。它可以讓我們給任意元素設置關鍵幀的CSS屬性,然后它會自動形成動畫效果。更重要的……
    2016-05-22
  • jQuery滾動到指定位置animatescroll.js動畫插件

    jQuery滾動到指定位置animatescroll.js動畫插件

    AnimateScroll.js 是一個簡單的jQuery插件,它用來為滾動增加延遲效果. 可以自定義滾動樣式(30多種滾動效果)和滾動速度. 還有一個可以操縱滾動結束位置的padding選項,這個插件不局限于整個頁面,某……
    2016-05-22
  • 滾動觸發動畫插件scrollR eveal.js

    滾動觸發動畫插件scrollR eveal.js

    一款滾動觸發動畫插件scrollR eveal.js高品質網頁特效,隨鼠標滾輪監聽位置不斷加載動畫效果炫酷網頁制作特效插件JS代碼。請用支持HTML5+CSS3主流瀏覽器預覽效果?!?
    2014-12-04
  • JS動畫火箭404錯誤頁面

    JS動畫火箭404錯誤頁面

    一款JS動畫火箭404錯誤頁面網頁特效,瀏覽網頁遇到404頁面是不是很呆板很難看?讓你網站404錯誤頁面絢起來吧!更多網頁特效代碼請訪問科e互聯免費下載JS特效頻道?!?
    2014-11-20
  • jQuery圖文分離動畫幻燈片模版插件

    jQuery圖文分離動畫幻燈片模版插件

    一款jQuery圖文分離動畫幻燈片模版devrama.slider插件網頁特效,帶左右按鈕,點擊按鈕圖片左右平滑動畫切換,自動輪播圖片、文字分層焦點圖?!?
    2014-10-10
  • jQuery插件jqfloat網頁動畫場景特效

    jQuery插件jqfloat網頁動畫場景特效

    一款jQuery插件jqfloat網頁動畫場景網頁特效,生動的動畫場景網頁,給人更加豐富的想象力,增強了網站的互動性、趣味性,jqfloat動畫插件便于我們制作一些動畫特效?!?
    2014-10-09


最新更新特效

設計分享

web前端視頻教程
自拍偷拍视频91,偷拍妻子鬼混视频,麻豆制服丝袜诱惑中文视频,国产网红主播自慰福利视频下载,sm视频网站,久久riAv七麻豆系列,麻豆传媒映画tao,网红主播安然大秀,亚洲国产cd系列丝袜 麻生希中文字幕精装版| 百度文库中文字幕大全| 3p国产ed2k| quot 国产黄衣服小萝莉 quot| 国产野外丝袜自慰| 国产av小电影偷拍| 日本刀术| 国产色姐在线视频播放| 换着玩人妻hd中文字幕| 中文 国产 制服91在线| 韩国真人啪啪动漫| 境遇性女女同性恋| 光辉岁月演唱会中文字幕| 女海盗在线观看草民网| 国产小萝莉 BT| 性感韩国电影| 深圳天美嘉艺文化传媒有限公司| 国产亚洲记录在线视频| 2015致命旅行国产电影剧情| 国产久草情侣| 国产久久视频偷拍夫妻| 麻豆传媒最新女主| 中级英语中文字幕| 免费福利国产写真| 丝瓜视频在线现在入口| ctbabee.con| 亚洲高清二区在线视频| 国产电影大鱼剧情简介| 韩国泡菜| 韩国选妃子的电影| 天蝎女同性恋几率| 手机午夜视频在线观看| 国产爱啪在线播放| 国产情侣出租房磁力| 跑男韩国女的名字| 老婆18岁中文字幕| 魅影网明日花绮罗中文字幕| 91国产9总全国探花| 无码在线视频萌白酱| 网红丝袜一区| 刘婷精彩演绎在房间睡觉云播| http://www.gmf88.com http://www.allpestsolution.net http://www.359932.com http://www.backyardbasketballcourt.net http://www.hesperiapropertymanagement.com http://www.wecareconfinement.com