最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery焦点图插件实现图片轮播滚动效果
时间：2014-05-07 编辑：简简单单 来源：一聚教程网
先看效果图
1.下载JQuery.slideBox和jquery插件，并引用
| 代码如下 | 复制代码 |
|
|
|
2.设置图片的html的div的ID为如下形式
| 代码如下 | 复制代码 |
|
|
|
3.设置JQuery.slideBox的一些属性设置。有三种设置的案例，可以参考.
| 代码如下 | 复制代码 |
说明：默认的样式为，左右轮播，滚动持续0.6秒，滚动延迟3秒，滚动效果swing，初始焦点第1张，点选按键自动隐藏，按键边框半径（IE8-只方不圆）5px（以上各项为默认设置值）
完整理例子
| 代码如下 | 复制代码 |
|
一、左右轮播，滚动持续0.6秒，滚动延迟3秒，滚动效果swing，初始焦点第1张，点选按键自动隐藏，按键边框半径（IE8-只方不圆）5px（以上各项为默认设置值）二、上下轮播，滚动持续0.3秒，滚动延迟5秒，滚动效果linear，初始焦点第2张，点选按键自动隐藏三、左右轮播，滚动持续0.3秒，滚动延迟5秒，滚动效果linear，初始焦点第1张，点选按键不隐藏，按键边框半径10px（圆形）四、隐藏底栏五、想下载，就可个劲儿的点我:)爱我的老婆孩子！香港回归祖国15周年献礼，哈哈！！ |
|
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31