手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-12 19:20:29

1、创建如下文件结构的测试环境 -- Content -- Css -- 衡痕贤伎site.css -- Images -- { 几张图片 } -- Js -- jquery-1.7.2.min.js -- sly-1.6.1-min.js -- HTMLPage1.html

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

2、在页面中引用css、js。然后,在site.css文件中加入水平滚动的css

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

3、在页面中添加html和js,水平滚动的测试代码如下

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

4、水平滚动效果如下

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

5、垂直滚动的测试代码如下(页面上只需要修改sly的horizontal参数值即可)

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

6、垂直滚动的效果如下

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

7、修改样式,去掉边框和滚动条,效果如下

jq水平滑动插件Sly怎么使用
© 手抄报圈