首頁 > 網際網路

jq水平滑動外掛Sly怎麼使用

2019-12-11 15:55:04

jquery sly外掛使用:

1、依賴:jQuery 1.7+

2、相容性:主流瀏覽器都支援(但是IE:IE8+)

1

建立如下檔案結構的測試環境

     -- Content

         -- Css

             -- site.css

         -- Images

             -- { 幾張圖片 }

         -- Js

            -- jquery-1.7.2.min.js

            -- sly-1.6.1-min.js

     -- HTMLPage1.html




2

在頁面中參照css、js。然後,在site.css檔案中加入水平捲動的css



3

在頁面中新增html和js,水平捲動的測試程式碼如下


4

水平捲動效果如下



5

垂直捲動的測試程式碼如下(頁面上只需要修改sly的horizontal引數值即可)



6

垂直捲動的效果如下



7

修改樣式,去掉邊框和捲軸,效果如下



IT145.com E-mail:sddin#qq.com