點擊登錄
  • 歡迎訪問好資源,這里會在第一時間更新最新最好的資源給您,如果您有好的資源、文章,可投稿。如有其他需要請聯系 QQ 點我注冊
  • 如果您覺得本站非常有看點,那么趕緊使用Ctrl+D 收藏好資源吧~ 點我注冊

山东群英会选号小窍门:jQuery 圖片翻頁(幻燈片)效果小插件: bxSlider

JavaScript itsmalldog 3272次瀏覽 已收錄 5個評論 掃描二維碼
本文最后更新于2014年10月25日,已超過 1 年沒有更新,如果文章內容或圖片資源失效,請留言反饋,我們會及時處理,謝謝!
  • 要實現上面的效果,我么加載 jQuery 和 bxSilder 的代碼之后,還需要在頁面的 head 中添加如下的 jQuery 代碼:
     4海南彩票开奖结果 www.vctrn.com $(document).ready(function(){????$('#example3').bxSlider({????????mode:?'fade',?????????speed:?3000,?????????next_text:?'下一張',?????????prev_text:?'上一張',?????????width:?307,?????????wrapper_class:?'example3_container'?????});});

     

    其他的效果請查看?bxSlider 的演示頁面。

    bxSlider 詳細配置參數

    bxSlider 有以下參數可以進行配置:

    • mode: 模式,可以指定 ‘slide’, ‘fade’, ‘ticker’ 這三種模式。
    • speed: 速度,變換的時間,單位是毫秒。
    • auto: 是否自動變換。
    • controls: 用于添加按鈕來進行手動變化,(可以和 auto 混合一起使用)。
    • pause: 兩次變換之間停留的時間(在 auto 為 true 才有效)。
    • width: 容器元素的寬度(單位是像素)。
    • prev_text: 上一個按鈕的問本。
    • next_text: 下一個按鈕的文本。
    • prev_img: 上一個按鈕的圖片。
    • next_img: 下一個按鈕的圖片。
    • ticker_direction: 滾動的方向,模式為 ‘ticker’ 才有效。
    • wrapper_class: 容器元素的 class 名字。

下載:bxSlider


好資源 , 版權所有丨如未注明 , 均為原創丨本網站采用BY-NC-SA協議進行授權 , 轉載請注明jQuery 圖片翻頁(幻燈片)效果小插件: bxSlider!
喜歡 (16)
[捐贈網站,支持好資源!]
分享 (0)
發表我的評論
取消評論

表情 貼圖 加粗 刪除線 居中 斜體 簽到

Hi,您需要填寫昵稱和郵箱!

  • 昵稱 (必填)
  • 郵箱 (必填)
  • 網址
(5)個小伙伴在吐槽
  1. 試一下先
    lay1234562016-05-31 18:57 回復 Windows 7 | Chrome 50.0.2661.87
  2. 試下先
    pureuser2016-06-27 12:01 回復 Windows 10 | Chrome 50.0.2661.102
  3. 正好試用下,感謝!
    myiting2016-07-01 07:56 回復 Windows 7 | 搜狗瀏覽器 2.X
  4. 這個好,喜歡
    winken2016-09-21 21:36 回復 Windows 7 | Chrome 45.0.2454.101
  5. 演示看不到啊親
    素材火2017-02-03 19:35 回復 Windows 7 | Firefox瀏覽器 32.0