Feature List:制作推荐列表的 jQuery 插件
2023-06-13 09:18:32 时间
很多网站都会使用一种推荐的方式展示网站的内容,通过 Javascript 的技巧可以在很小的范围给用户推荐尽可能多的内容。而 Featured List 就是这样的一个 jQuery 插件,它可以让我们快速简洁的为网站创建“推荐的列表”。Feature List 效果非常顺滑,无需 Flash,并且可以通过自定义 HTML/CSS 进行自定义样式化,最重要的是它只有 2K 大小。
Feature List 的使用方法
使用 Feature List 需要调用一些简单的函数:
$.featureList(
$("#tabs li a"),
$("#output li"), {
start_item : 1
}
);
// Alternative
$('#tabs li a').featureList({
output : '#output li',
start_item : 1
});
Feature List 需要两组数组,一个是 tab,一个是 output,当用户点击 tab,脚本就会去找预期对应的 output。当前的 Tab 会加上 current CSS。
其中下面是一些可以进行配置的选项:
- start_item -- 点击最开始的 tab,默认是 0。
- pause_on_hover -- 如果是 true,则鼠标移到到 Tab 上幻灯片切换会停止,默认是 true。
- transition_interval -- 定义两次切换之间的时间间隔,0 为不自动切换,默认是 5000 毫秒。
演示(RSS 阅读器用户需要返回页面才能看到效果):
Applications See project details See project details See project details
下载:Featured List。 演示:Feature List:制作推荐列表的 jQuery 插件
相关文章
- jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)
- checkbox选中和不选中 jqu_jquery checkbox 选中不选中
- jquery获取scrollHeight
- jquery validation engine ajax验证,jQuery Validation Engine 表单验证「建议收藏」
- jquery:时间类型字符串转为Date类型「建议收藏」
- jquery选择器用法_jQuery属性选择器
- JQuery 实现开发常用功能
- jQuery遍历List对象
- jquery 改变textarea高度详解编程语言
- list java中List对象通用排序算法详解编程语言
- jQuery Google Charts—-一个封装google chart api的jquery插件详解编程语言
- jQuery表单插件jquery.form.js详解编程语言
- jQuery操作下拉框的text值和val值详解编程语言
- LIST-PROCESSING用法 ABAP任意时刻进行List输出_SAP详解编程语言
- jQuery创建元素节点
- 传智播客jquery教程36课时
- Redis 轻松存储列表数据:使用 Redis 保存 List 的方法(redis保存list)
- 结构使用Redis List结构实现快速操作(redis中list)
- 的优势玩转Redis:List缓存的有点优势(redis 缓存list)
- Oracle中使用List命令查看表结构(list命令oracle)
- 从Redis读取List数据简单又高效(从redis读取list)
- Redis中List与Set的应用(redis集合与list)
- Redis List实现的双向链表功能(redis里面的list)
- Redis中List实现快速数据查找(redis 选择list)
- Redis自带数据结构List(redis自带list)
- Jquery基础学习笔记之文档处理
- jQuery技巧大放送学习jquery的朋友可以看下
- Jquery实战_读书笔记1—选择jQuery
- 基于jquery的loading效果实现代码
- JQuery自定义CircleAnimation,Animate方法学习笔记
- jQuery源码分析-05异步队列Deferred使用介绍
- jquery之$().hover(func1,funct2)使用方法
- js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
- jQuery+.net实现浏览更多内容(改编php版本)
- jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
- JQuery中关于jquery.js与jquery.min.js的比较探讨
- jquery实现微博文字输入框输入时显示输入字数效果实现
- jquery实现图片裁剪思路及实现
- UpdatePanel和jQuery不兼容局部刷新jquery失效
- jQuery获取和设置表单元素的方法
- jquery按键盘上的enter事件
- jQuery计算iframe窗口大小的方法
- jQuery中$(this).index与$.each的使用指南
- 影响jQuery使用的14个方面