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