找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
积分等级发帖收益的说明江阴论坛帮助汇总江阴论坛管理规则(必看)江阴论坛版主招聘中江阴论坛已运行
查看: 1450|回复: 0

[技术分享] jQuery 插件:Feature List

[复制链接]
发表于 2010-1-11 09:54:37 | 显示全部楼层 |阅读模式
Featured List 是个 jQuery 插件,它可以让我们快速简洁的为网站创建“推荐的列表”。Feature List 效果非常顺滑,无需 Flash,并且可以通过自定义 HTML/CSS 进行自定义样式化,最重要的是它只有 2K 大小。
Feature List 的使用方法

使用 Feature List 需要调用一些简单的函数:
  1. $.featureList(
  2.         $("#tabs li a"),
  3.         $("#output li"), {
  4.                 start_item : 1
  5.         }
  6. );

  7. // Alternative

  8. $('#tabs li a').featureList({
  9.         output                : '#output li',
  10.         start_item        : 1
  11. });
复制代码
Feature List 需要两组数组,一个是 tab,一个是 output,当用户点击 tab,脚本就会去找预期对应的 output。当前的 Tab 会加上 current CSS。

其中下面是一些可以进行配置的选项:

    * start_item -- 点击最开始的 tab,默认是 0。
    * pause_on_hover -- 如果是 true,则鼠标移到到 Tab 上幻灯片切换会停止,默认是 true。
    * transition_interval -- 定义两次切换之间的时间间隔,0 为不自动切换,默认是 5000 毫秒。

原文:http://fairyfish.net/2009/12/29/jquery-plugin-feature-list/
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|江阴人家

GMT+8, 2024-4-26 03:21 , Processed in 0.017090 second(s), 16 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表