jQuery鼠标滑动轮播效果

所属分类:UI,媒体-悬停,幻灯片和轮播图

 32874  324  查看评论 (2)
分享到微信朋友圈
X
jQuery鼠标滑动轮播效果 ie兼容9

更新时间:2018/2/6 下午6:09:26

更新说明:1.添加滑动过渡效果 2.修改切换bug及样式

属性列表描述类型默认值
data幻灯片总宽度Array[]
isTitle幻灯片总高度Booleantrue
switch滑动过渡效果(nmal、fade)booleannmal
clickList点击标题触发事件Functionnull
mouseInLi滑入每个li触发事件null参数,(i)代表当前li索引值
mouseOutLi滑出每个li触发事件null参数,(i)代表当前li索引值
mousein滑入插件触发事件null
mouseOut滑出插件触发事件null
api说明使用方式
init初始化var api = $(el).DNcarousel().data( "DNcarousel" ); api.init();
destroy销毁同上
相关插件-悬停,幻灯片和轮播图

CSS3实现超酷的鼠标悬停效果

CSS3实现超酷的鼠标悬停效果
  悬停
 41523  590

C3经过动效

各种C3鼠标经过动效
  悬停
 34462  498

很酷的鼠标悬浮动画

很酷的鼠标悬停三维倾斜动画,提供了8种效果
  悬停
 34991  522

jQuery hover时实现浮动

以简单的实现hover是的效果,加入了延时误操作处理鼠标快速滑过不会被触发。
  悬停
 36245  411

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    W M 0
    2022/1/21 10:29:59
    th 0
    2019/6/20 11:32:47
    很棒,太感谢了。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复