这篇文章主要介绍了AmazeUI图片轮播效果的示例代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
AmazeUI个人感觉确实蛮不错的,虽然现在还不算特别完善,但毕竟是国内首款,用起来比较符合国人。
今天要讲得是图片轮播,感觉这个应该能够帮到大家,再此整理整理。
上面引用到的文件其实可以不需要那么多,不过都是官方文件中的文件。
{ animation: “slide”, easing: “swing”, direction: “horizontal”, reverse: false, animationLoop: true, smoothHeight: false, startAt: 0, slideshow: true, slideshowSpeed: 5000, animationSpeed: 600, initDelay: 0, randomize: false, pauseOnAction: true, pauseOnHover: false, useCSS: true, touch: true, video: false, controlNav: true, directionNav: true, prevText: “Previous”, nextText: “Next”, keyboard: true, multipleKeyboard: false, mousewheel: true, pausePlay: false, pauseText: Pause, playText: Play, controlsContainer: “”, manualControls: “”, sync: “”, asNavFor: “”, itemWidth: 0, itemMargin: 0, minItems: 1, maxItems: 0, move: 0, start: function(){}, before: function(){}, after: function(){}, end: function(){}, added: function(){}, removed: function(){}, playAfterPaused: null }
主要是控件的属性
效果如下,很不错的效果,代码也很少,简单易懂。

到此这篇关于AmazeUI图片轮播效果的示例代码的文章就介绍到这了,更多相关AmazeUI图片轮播内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!
来源:脚本之家
链接:https://www.jb51.net/html5/741609.html




