Zelect创建 select 元素的 jQuery 插件
Zelect 是一个能够创建自定义 <select>
元素的 jQuery 插件。
特征:
-
轻量
-
没有 CSS
-
可自定义
-
异步分页加载大型选项列表 (read: AJAX-ready-and-enabled)
-
再也个分离或隐藏的 DOM 节点初始化
-
编程方式可选且多变
-
Unit-tested
代码示例:
$('select').on('ready', function() { $('form').enable() }) $('select').on('change', function(evt, item) { $('form input.id-container').val(item.id) }) $('select').zelect({ throttle: 150, placeholder: $('<i>').text('Which one...'), loader: loader, renderItem: renderer, noResults: noResultser } function loader(term, page, callback) { $.get('/q', { q:term, p:page }).then(function(items) { var result = _(items).map(function(item) { return { text:item.content, img:item.imageUrl || 'default.png', id:item.uniqueId } } callback(result) } } function renderer(item, term) { return $('<div>') .append($('<img>').attr('src', item.img)) .append($('<span>').addClass('content').text(item.label)) } function noResultser(term) { return $('<span>').addClass('no-results').text(term + "didn't hit anything.") }
评论
jSee监测 DOM 元素的 jQuery 插件
一款jQuery插件,监测DOM元素在滚动的时候是进入视窗范围还是离开视窗范围。安装示例代码$('.block').jSee({ offsetEnter: 0,
jSee监测 DOM 元素的 jQuery 插件
0
jCube创建 3d 立方体的 jQuery 插件
jCube只需添加一行js脚本就可以创建出一个可以拖动旋转的3d立方体。用法基本使用方法<head> <script src="jquery.min.js"></s
jCube创建 3d 立方体的 jQuery 插件
0
jRumble让网页元素抖动的jQuery插件
jRumble,它能让网页上的任意元素抖动起来,在你的网站中使用这个效果会有很大的机率吸引用户的注意力。此插件的效果可以用在链接上,或者div上,你可以设置抖动的范围、XY坐标、抖动幅度等。可设置为当
jRumble让网页元素抖动的jQuery插件
0
jPanelMenu创建面板式菜单的 jQuery 插件
jPanelMenu实现了类似Facebook移动版的面板式菜单,可点击显示和隐藏,如下图是显示出来的菜单:
jPanelMenu创建面板式菜单的 jQuery 插件
0