jq水平滑动插件Sly怎么使用

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、修改样式，去掉边框和滚动条，效果如下