FancySelect - 美化下拉框

http://www.jqueryfuns.com/resource/view/33 http://www.jq22.com/jquery-info191

　FancySelect易于使用。目标页面上的任何选择元素,调用.fancySelect()。如果没有价值的选择有一个选项,它将被用来作为一种占位符文本。
　　
　　默认情况下,FancySelect使用本机只选择和风格触发器在iOS设备上。与forceiOS覆盖,通过一个对象设置为true时初始化它。

HTML

1

2

3

4

5

6

7

8

<select class="basic">

    <option value="">Select something…</option>

    <option>Lorem</option>

    <option>Ipsum</option>

    <option>Dolor</option>

    <option>Sit</option>

    <option>Amet</option>

</select>

 
JavaScript

1

$(‘.basic‘).fancySelect();
时间： 2024-10-06 06:21:48

FancySelect - 美化下拉框的相关文章

Jquery制作--美化下拉框

平常我们用的原生select下拉框,大部分样式没办法修改,导致在不同的浏览器里面会跟设计图的风格大相径庭.所以为了能让它美化起来,就用JQ模拟了一个下拉框,可以随意定义样式.原生的下拉框也保留在div里面隐藏着,方便后台开发人员对其进行操作.效果图如下: HTML代码如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <tit

美化下拉框select箭头部分（不彻底）

1美化前   美化后  所用到的图片资源 主要美化的地方是右面的箭头,关键性css为 -webkit-appearance: none; 代码如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 select{ 8 wi

Select-or-Die演示11种美化下拉框select方法

在线预览 下载地址 在线实例 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 <div class="main">             <div class="mianc">                 <h1>默认</h1>                 &l

jQuery美化下拉菜单插件dropkick

dropkick是一款基于jquery库的美化下拉框下拉菜单的插件,它通过定制HTML插入可使丑陋无聊的<select>下拉列表变得美丽. name属性是唯一一个必需的填写的,不过你也应该设定一个tabindex属性来设定导航菜单的排序. 在dropkick选择一个选项时,亦会触发事件,这意味着您的表单.AJAX工作和传统的一样,无需进行任何更改. 如本款不合适,请看下本站另一款jQuery下拉框能扩展和美化插件Chosen 特点 1.像一个下拉框一样工作 2.支持键盘:可通回车,上下方向健来

关于下拉框插件、或者框架的下拉框，初始化之后无法联动，或者再次绑定值问题

我用的Bootstrap4的ubold 框架 ,他的下拉框第一次初始化之后,再次初始化,就不在赋值了. 第一步,我审查了元素, 下拉框是没有花里胡哨的样式的,基本上美化下拉框是根据返回的select 数据 生成一个ul li 然后把生成的元素重新赋值. 根据我多次测试和操作,个人分析,造成第二次不绑定数据的原因是:那个初始化方法只会给未生成的元素初始样式,已有的就不会再次初始样式了.(有些框架不会,但是有些会这样) 第二步,根据原因解决(原则上来说,为达目的不择手段) 1.可以把他写的JS找到,

基于jQuery select下拉框美化插件

今天给大家分享一款基于jQuery select下拉框美化插件,这款插件适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗.  <table>         <tr>             <td>                 <h2>                     演示1</h2>                 <select name="drop1&qu

一句话美化你的下拉框之jQuery.selectMM插件

之前很喜欢 jquery.Dropkick 这个老外美化框插件,但是:IE情况下如果数据多滚动条出现的时候就滚不了,作者也没修复 于是准备自己写一款(确切的说是修改一款吧!!).这款插件是在16素材网上看到:http://www.16sucai.com/2011/08/9184.html (jquery用ul模拟表单select列表菜单效果)后突然发觉好看想用于项目而修改而成的.在此感谢原作者先(你的美化框让我有修改的冲动) 将其修改了很多东西: 1.修改成插件形式,至少情况下可以用一句话就修改

elect美化自定义下拉框样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>张力仪</title></he

jQuery下拉框扩展和美化插件Chosen

Chosen 是一个支持jquery的select下拉框美化插件,它能让丑陋的.很长的select选择框变的更好看.更方便.不仅如此,它更扩展了select,增加了自动筛选的功能.它可对列表进行分组,同时也可禁用某些选择项. 先来看下插件的效果: 下面和大家一起看下它的用法. 引入核心文件 1 <link rel="stylesheet" href="docsupport/style.css"> 2 <link rel="styleshe