jQuery 下拉菜单插件

最新推荐文章于 2021-02-11 09:22:01 发布
最新推荐文章于 2021-02-11 09:22:01 发布
阅读量114 收藏
点赞数
文章标签： javascript ViewUI

这里我们收集了 4 个最棒的 jQuery 下拉菜单插件，提供很多特性，例如自动完成、搜索、标签、多选、ajax 等。

1. ddSlick

ddSlick 是一个轻量级的 jQuery 插件用来实现定制的下拉组件。

10074056_ET07

2. DropKick

DropKick 可用来对下列列表的样式进行自定义，效果很炫。比较纠结的是对 IE 不支持。

13154919_VRCS

3. TextExt

TextExt 是一个 jQuery 插件，提供对文本输入框的功能扩展，可实现自动完成、标签输入、ajax和过滤功能。

25103014_HT6O

4. Chosen

jQuery Chosen Plugin 是一个 jQuery 插件，用来将网页中的下拉框进行功能扩展和美化。可实现对下拉框的搜索，多个标签编辑等功能，如下图所示：

28114015_MgCy

210526_ZMcz_12

weixin_34259159
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery下拉列表插件jQselectable.zip
07-05
jQuery下拉列表插件jQselectable是一款用来实现多种下拉列表控制的样式，支持多列显示和透明效果。
基于jQuery的下拉菜单插件，诸位上眼！！！
weixin_33850015的博客
03-29 119
前言 很久没有写博客了，话说真的工作后才发现很多需要学的，有很多不足。 加之最近工作没有什么沉淀，现在团队又面临解散，反正闲着也是闲着，就自己写了个插件，反正水平就这样，当时自我总结吧！ 应用背景 在我们工作中，经常会遇到这种需求： ① 鼠标点击某个文本框时出现下拉菜单 ② 常用的操作鼠标划上出现下拉菜单 ③ 按钮类应用 我们会用到这种功能往往原因是因为地方小了，按...
jquery下拉刷新插件
04-14
jquery下拉刷新插件，可以通过此插件实现和手机app里一样的效果，希望大家使用过程中有什么建议，请指出，以便改正。
jquery超炫select下拉菜单美化插件
12-11
jquery.dropdown是一款效果非常炫酷的select下拉菜单美化插件。这款jQuery下拉菜单美化插件能够使菜单选项一各种很炫的动画方式展现出来，其中的一些3d动画使用到了css3 3d动画效果。
基于jquery的联动下拉框组件
前端疯
10-20 2355
见代码 同步 国家 省 市 异步 国家 省 市
强大的jQuery下拉菜单插件
06-05
这是一款功能相当强大的jQuery下拉菜单插件，搜索下拉框选择菜单代码，支持下拉，分页，键盘操作，鼠标右键查看等功能。
强大的jQuery下拉菜单插件.zip
最新发布
09-23
有兴趣刚需的可以自己下载，非常实用的jquery代码，可以完美运行，有能力的还可以二次修改！
jquery下拉菜单插件SelectMenu
12-11
SelectMenu.js是一款简洁、易用、多样的jquery下拉菜单插件。SelectMenu下拉菜单插件功能强大，支持下拉，分页，键盘操作等功能。
jQuery下拉菜单插件_JQ_
10-01
jq一个下拉菜单插件，可供新手学习也可以当作网页插件使用
JQuery下拉菜单插件
04-06
JQuery下拉菜单插件跟firebug IE版！ 喜欢的下载吧
JQ实现下拉菜单
❤❤❤
07-19 1066
js: <script type="text/javascript"> $(function() { var _this1 = null; $('.nav>li').hover(function() { _this1 = $(this); _this1.find('.second-nav').show(); var _this2 = null;...
selection下拉框_jQuery 插件：下拉框控件（select2）
weixin_39712455的博客
02-11 337
引入方法一：离线引用通过 Select2(GitHub) 下载对应版本的库。方法二：CDN 引用有网友提到，要引用jquery.1.8.3及以上版本。否则部分功能无法正常使用。比如：清除功能allowClear: true简介select2 插件给我们带来了更加友好的交互方式。支持关键字检索下拉框值；样式美观；select2默认的数据属性是id、text，新版本可以自定义，但还是用默认的比较好。所...
带搜索框的jQuery下拉框插件
weixin_33881041的博客
10-27 313
由于下拉框的条数有几十个，于是打算找一个可以搜索查找功能的下拉框，刚开始在网上看了几个，都是有浏览器兼容性问题，后来看到这个“带搜索框的jQuery下拉框美化插件 searchable”，看演示代码简单易用，支持多个浏览器。 不过在使用过程中碰到了几个问题，先后解决了。 1、多个下拉框放在一起会出现遮挡的问题，原文评论有个解决方法： 在jquery.searchableSelect.js文...
recyclerview 动态设置高度_一个可以设置最大高度的RecyclerView
weixin_39867662的博客
12-19 767
RecyclerView是没有maxHeight属性配置的，今天遇到一个需求就需要设置RecyclerView的最大高度，我们可以通过继承RecyclerView自定义实现此属性功能。一、自定义RecyclerViewpublic class MaxHeightRecyclerView extends RecyclerView {private int maxHeight;public MaxHe...
多选下拉框插件（基本）
cl_fjx_cs的专栏
12-04 2501
整理一下以前用过的一个多选框插件： github下载地址 只是简单的使用，直接放代码。 html $("#group").multiselect({ noneSelectedText : "==请选择==", checkAllText : "全选", uncheckAllText : '全不选', selectedList : 3,//在select中显示选中数量
下拉框插件 dropdown.js介绍
热门推荐
u012864281的博客
06-07 1万+
在项目中使用到了dropdown.js插件，把使用的方法以及注意点记录了下来。插件描述：Dropdown是面向PC端的基于jQuery开发的轻量级下拉框插件，支持keyvalue搜索，有token和两种模式。地址：http://www.jq22.com/jquery-info14548一、使用说明1、html中使用<div>将select包含：   <div class="sel...
jQuery下拉列表插件 jQselectable
chj225500的专栏
12-14 867
jQuery下拉列表插件 jQselectable jQselectable 是一个日本人开发的 jQuery 插件，用来实现多种下拉列表控制的样式，如下图所示（多列显示和透明效果）： 在线演示地址http://code.google.com/p/jqselectable/downloads/list csdn下载地址:http://u.download.csdn.net/u
联动下拉框 jquery 插件（二）
weixin_33774615的博客
06-04 73
  <select id="Select1"></select> <select id="Select2"></select> <select id="Select3"></select> <select id="Select4&quo
jquery有搜索功能的下拉框菜单插件
royal1235的博客
07-15 1596
一、下拉选择带搜索 1.插件效果图1： 2.插件效果图2： 3.效果图3： 4.插件很好用，就算小白拿到代码也会用，代码我上传到csdn上面了，下载地址如下： https://download.csdn.net/download/royal1235/11351100 5.有个坑提示一下：实际应用中下拉框数据肯定是动态数据，我采用拼接方式将数据拼上去，代码案例如下： 注...
jquery保持菜单下拉状态
06-09
要实现菜单下拉状态的保持，可以使用jQuery的类操作和Cookie来实现。 首先，在菜单项被点击时，使用jQuery的addClass()方法给当前菜单项添加一个active类，同时移除其他菜单项的active类。然后，使用jQuery的siblings()方法选择当前菜单项的兄弟元素，移除它们的active类。 接下来，将当前菜单项的文本和链接保存到Cookie中。当页面重新加载时，从Cookie中读取上次保存的菜单项文本和链接，使用jQuery的addClass()方法给该菜单项添加active类，同时移除其他菜单项的active类。 下面是一段示例代码： ```javascript $(function() { // 获取Cookie中保存的菜单项文本和链接 var activeText = $.cookie('activeText'); var activeLink = $.cookie('activeLink'); // 如果Cookie中有保存的菜单项，则根据保存的文本和链接添加active类 if (activeText && activeLink) { $('.menu-item:contains(' + activeText + ')').filter(function() { return $(this).attr('href') === activeLink; }).addClass('active').siblings().removeClass('active'); } // 菜单项被点击时 $('.menu-item').click(function() { // 添加active类，并移除其他菜单项的active类 $(this).addClass('active').siblings().removeClass('active'); // 将当前菜单项的文本和链接保存到Cookie中 $.cookie('activeText', $(this).text()); $.cookie('activeLink', $(this).attr('href')); }); }); ``` 需要注意的是，这段代码使用了jQuery的cookie插件来读取和保存Cookie。如果没有安装该插件，需要先引入jQuery和cookie插件的js文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值