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参数值即可）
7
修改样式，去掉边框和滚动条，效果如下
上一篇：如何制作电脑版嗷大猫小表情
下一篇：猫如何显示他们爱你