欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery实现走马灯特效实例(扑克牌切换效果)

程序员文章站 2023-01-03 16:15:41
话不多说,先上大致效果:本着程序员的开源精神,代码奉上:html代码:注意:类名不要随意更改(否则插件里面的也要更改),替换图片地址即可。data-setting属性记得按照以上格式设置,不然可能报错...

话不多说,先上大致效果:

jquery实现走马灯特效实例(扑克牌切换效果)

本着程序员的开源精神,代码奉上:

html代码:

注意:

  • 类名不要随意更改(否则插件里面的也要更改),替换图片地址即可。
  • data-setting属性记得按照以上格式设置,不然可能报错

script代码:

注意:
要记得先引入jquery.js文件(可去官网下载:https://jquery.com/download/),再引入jquery.pokercarousel.js文件

jquery.pokercarousel.js文件完整代码:

css代码:

到此这篇关于jquery实现走马灯特效实例(扑克牌切换效果)的文章就介绍到这了,更多相关jquery 走马灯内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!

相关标签: jquery 走马灯