Agilebins简洁易用高效的免费开源jQuery插件(原创)

所属分类:媒体,导航-幻灯片和轮播图,水平导航,滑块和旋转

 18188  73  查看评论 (7)
分享到微信朋友圈
X
Agilebins简洁易用高效的免费开源jQuery插件(原创) ie兼容6

更新时间:2022-11-06 23:27:52

更新说明:

1 优化精简实例调用代码直接显示。

2 修改实例6图标。

3 修改实例7圆点分页为数字分页。


更新时间:2022-09-26 00:21:11

更新说明:重新制作demo页面以及优化处理一些BUG

v1.04版

  • 优化无缝隙滚动(marquee)内容自适应。2022年9月17日

  • 新增实例化Api接口(slide(i:第n个):轮播图滑动触发、mPrev():轮播图上一个触发、mNext():轮播图下一个触发、scroll(page:第n页): 多图滚动触发、sPrev(): 多图滚动上一页触发、sNext(): 多图滚动下一页触发),实例化参数(el:实例化对象容器),细节调优。2022年9月12日

  • 修复menu类型嵌套多级下拉菜单,当鼠标移开导航后菜单不收回的问题。2022年9月5日

  • 修复menu类型下拉菜单,会循环不停闪动的问题。2022年9月2日


AgileBins

AgileBins快速解决网页大部分特效。使用简单,维护方便。无需懂得js代码编写。轻松制作,导航菜单、幻灯片、焦点图、公告跑马灯、图片滚动,选项卡内容切换、手风琴折叠效果等。兼容 IE6+ Safari Opera Firefox Chrome 等大部分浏览器。


熟练掌握后通过变换一定的参数来实现不同的显示效果。免费无偿的提供agilebins给大家使用,并花费大量时间来制作例子是为了帮助大家尽快上手使用。也请在使用的同时尊重下他人的劳动成果。保留JS里面的版权信息,这并不会影响你的网页速度和美观。


我们致力于为大家,提供网页特效兼容性最佳的免费解决方案。我们热衷于帮助大家,解决一切我们所发布插件等相关的疑难问题。希望能为你在制作网页时节约更多的时间和精力,不必为处理大量的特效而感到烦恼。

导航实例

<script type="text/javascript">
  $(".demo-nav").agilebins({
    type: "menu",
    mainState: ".conts", 
    mainEl: ".sub", 
    speed: 250, 
    effect: "slideDown",
    mainCur: true, 
    autoPosition:true 
  });
</script>

并列多图左右滚动实例

<script type="text/javascript">
  $(".domo-pic-scroll-lr").agilebins({ 
    autoPage: true,
    autoPlay: true,
    pnLoop: true,
    loop: true,
    hoverIsBtn:false,
    direction:"left",
    delayTime:3000,
    sSpeed: 500,
    visNum: 5,
    pageState: ".tabs ul",
    scrollEl: ".conts",
    onClass:"current",
    sPrev: ".prev",
    sNext: ".next"
  });
</script>

图文幻灯片实例

<script type="text/javascript">
  $(".domo-slides").agilebins({
    autoPlay:true,
    mainEl:".conts ul",
    mainState:".tabs ul",
    autoMainState: true,
    onClass:"current",
    sPrev:".prev",
    sNext:".next",
    effect:"left"
  });
</script>
相关插件-幻灯片和轮播图,水平导航,滑块和旋转

jQuery 3d滚动轮播插件

类似洗牌特效,图片轮播
  幻灯片和轮播图
 60864  490

jQuery适合移动设备触摸屏的响应式幻灯片插件

jQuery适合移动设备触摸屏的响应式幻灯片插件
  幻灯片和轮播图
 38974  465

jQuery响应式全屏轮播图插件

jQuery响应式全屏轮播图插件,支持移动端触屏切换。
  幻灯片和轮播图
 46911  505

html5全屏大图幻灯片切换特效按钮特效

html5全屏大图幻灯片切换特效按钮特效
  幻灯片和轮播图
 39964  372

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

    李晓飞 0
    2022/11/19 15:40:38
    手机端能什么时候加滑动
        Tlst-Q0
        2022/11/20 8:59:58
        Agilebins是PC上的特效插件, 移动端的插件是abTouch肯定有滑动的,还在优化未发布。😀
    回复
    李晓飞 0
    2022/11/19 15:40:08
    什么时候出响应式
        Tlst-Q0
        2022/11/20 9:27:32
        Agilebins加上滑动和响应式,计划中...
    回复
    安若少年初入梦、 0
    2022/9/27 9:33:17
    更新一个数字分页轮播呗
        ningmenger0
        2022/9/27 11:03:14
        单个和多个分页轮播可以自定义,去掉圆点css样式就是数字。
    回复
    远在天边ぃ 0
    2022/9/16 14:28:29
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复