jQuery超酷hero幻灯片特效

上设置一个 id 来用于 js 控制。

DATA 属性:

默认的 bp-hs_inner__item 动画效果是不可见的，你可以通过 data-*属性来控制幻灯片每一个 item 的动画。

Data 属性	描述
data-transform="scale"	Is used to scale elements. Add an addtional effect by using data-origin="top-(right | left)" or data-origin="bottom-(right | left)"
data-transform="rotate"	Is used to rotate elements from corners based on data-origin="top-(right | left)" or data-origin="bottom-(right | left)" (required*)

配置参数:

下面是该幻灯片插件可用的参数：

参数名称	参数类型	默认值	描述
activate	Number	0	触发在bp-hs_inner__item的事件和添加 code>is-active class 使元素可见。
touchSwipe	Boolean	true	允许你在桌面设备上实用鼠标和在手机上使用滑动手势拖动幻灯片。这个选项需要TouchSwipe Jquery Plugin的支持。
nextText	String	null	在 next 控制按钮上显示的文字
prevText	String	null	在 previous 控制按钮上显示的文字
showControls	Boolean	true	显示或隐藏所有的控制按钮(next, prev and bullets)
showButtons	Boolean	true	显示或隐藏 mext 和 prev 按钮
showBullets	Boolean	true	显示或隐藏 bullets
arrowKeys	Boolean	false	允许使用键盘来到后幻灯片
autoPlay	Boolean	false	自动播放幻灯片(paused on hover)。
duration	Number	5000	幻灯片自动播放的时间间隔。

更多关于该幻灯片插件的信息请参看：https://github.com/boompx/bpHS

jQuery 超酷 hero 幻灯片特效

已有 397 人购买

• 永久更新：
• 演示数据：

此资源下载价格为1元立即购买（VIP 免费）立即升级

查看演示升级 VIP立刻购买

演示地址

下载地址

咨询客服 中文演示

专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！