zoukankan      html  css  js  c++  java
  • jquery 神一样的插件制作 10几种常用网页特效 只有4.5K大小

    jQuery.Switchable是一款整合了Tabs、Slide、Scrollable等常见UI组件的jQuery插件。它有简单易用的API、可灵活配置的Configuration,支持自定义Effect,支持自主开发Plugin。

    选项卡

    手风琴

    焦点图片滚动

    图片滚动

    图片滚动

    下面是jQuery.Switchable的演示下载地址http://www.17sucai.com/pins/319.html

    下面是jQuery.Switchable的几个亮点:

    1. 在当前 trigger 中 mouseenter/mouseleave, click 不触发
    2. 鼠标快速滑过非当前 trigger, 不触发
    3. mouseenter 到非当前 trigger, 停留时间到达延迟时,触发
    4. click trigger/panel, 立即触发
    5. beforeSwitch/onSwitch 事件的触发
    6. panel 内的锚链触发
    7. 无法获取 trigger 时,自动创建 trigger

    下面是jQuery.Switchable的调用参数:

    propertydefaultdescription
    triggers "a" 触点,默认是<a>标签
    currentCls "current" 当前触点的className
    initIndex 0 默认激活项
    triggerType "mouse" 触发类型,还可以是"click"
    delay .1 触发延迟,单位是秒。默认值即100毫秒
    effect "default" 切换效果。内置效果有:
    "default":最简单的显/隐效果
    "ajax":AJAX动态加载 Panel 的内容
    你还可以自己动手制作 Effect
    steps 1 每次切换的 Panel 数量
    visible 1 可见区域的 Panel 数量
    speed .7 动画步时,单位是秒。默认值即700毫秒
    easing "swing" 动画效果
    circular false 循环
    vertical false 纵向切换
    panelSwitch false 点击 Panels 触发
    beforeSwitch null 触发前的 Callback
    onSwitch null 触发时的 Callback
    api false jQuery.Switchable默认返回的是jQuery对象。当该属性设置为 true 时,将返回 JavaScript API
  • 相关阅读:
    [CF-Edu113]D. Inconvenient Pairs
    第3组团队Git现场编程实战
    团队项目-选题报告
    第一次个人编程作业
    第一次软工博客作业
    (二十二)python 3 sort()与sorted()
    (二十一)python 3 内置函数
    (二十)python 3 匿名函数
    (十九)python 3 内嵌函数和闭包
    (十八)python 3 回调函数
  • 原文地址:https://www.cnblogs.com/jsfoot/p/2437141.html
Copyright © 2011-2022 走看看