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