蓝冠官网-蓝冠公司|蓝冠招商注册-蓝冠开户
蓝冠官网(主管Q374919)

蓝冠注册jquery ui教程_Agilebins简洁易用高效的免费开源jQuery插件(原创)


 查看演示
 website
 立即下载 插件描述:Agilebins是一个基于jQuery运行的开源特效插件,快速解决网页大部分特效。 使用简单,维护方便。无需懂得js代码编写。

更新时间:2022-08-26 01:14:58

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>
2022-09-06