html5 下拉框美化,纯js超酷select下拉框美化插件

tastySelect是一款纯js超酷select下拉框美化插件。tastySelect下拉框插件支持多选，内置两种主题，使用CSS3动画过渡效果，整体设计时尚大方。

使用方法

在页面中引入tastySelect.css和tastySelect.min.js文件。

HTML结构

如果要创建多选的下拉选择框，它的HTML结构如下：

jQuery

ReactJS

AngularJS

HTML 5

XML

XHTML

CSS/SCSS/LESS

More Options Here

初始化插件

通过tastySelect()方法来初始化该select下拉框美化插件。

tastySelect({

defaultText: "通过 (Ctrl+Click)组合键可以选择多个选项",

});

配置参数

tastySelect下拉框插件的可用配置参数如下：

tastySelect({

selector: 'select',

mobileFix: true,

mask: '%',

maskJoin: ', ',

defaultText: 'Select item...',

classes : {

outer: 'style-select',

title: 'style-select-title',

options: 'style-select-options',

label: 'style-select-label',

optgroup: 'style-select-optgroup',

list: 'style-select-list',

item: 'style-select-option',

open: 'st_open',

selected: 'st_selected',

mobile: 'is_mobile',

attributes : {

index: 'data-index',

value: 'data-value',

selectReady: 'data-tastyselect',

});

html5 下拉框美化,纯js超酷select下拉框美化插件相关推荐

html js 循环提示框,纯js超酷消息提示框插件notice.js
notice.js是一款纯js超酷消息提示框插件.notice.js为纯js编写,没有任何依赖文件.通过它可以在页面上制作出漂亮的toast消息通知框效果.该js消息提示框插件的特点还有: 支持4中情 ...
html5给页面添加树叶特效,jQuery超酷页面树叶飘落装饰特效插件
这是一款效果非常炫酷的页面树叶飘落装饰特效jQuery插件.该jQuery插件可以在页面顶部生成各种树叶,这些树叶会随机飘落,在树叶飘落的过程中,使用鼠标点击它将会发生更加神奇的效果. 该jQuery ...
css div 下拉框内容自适应,div+css模拟select下拉框
无标题文档 .mod_select ul{margin:0;padding:0;} .mod_select ul:after{ display: block; clear: both; visibil ...
html表单下拉美化教程,html5和css3炫酷select下拉菜单美化效果
html5和css3炫酷select下拉菜单美化效果发布日期:2015-10-20 11:11 来源: 标签: 网页技术 CSS教程 html5+css3 select下拉菜单美化这是一款使用ht ...
html表单模板属性,HTML5超酷响应式表单美化模板插件
这是一款非常效果非常酷的HTML5超酷响应式表单美化效果插件.表单的整体效果使用扁平化风格,使用media queries来为各种屏幕创建响应式效果.在大屏幕上,整个表单分三列显示,当屏幕小到一定程度 ...
10款非常有效的帮助你设计超酷响应式布局的jQuery插件
日期:2012/02/24 来源:GBin1.com 如果你关注最近几年的web设计,那么响应式布局(responsive layout)设计对于你来说肯定不是一个陌生的词汇. 相对于传统的页面设 ...
下拉选框样式html,超酷select选择下拉框美化jQuery插件
jquery-nice-select是一款轻量级的select下拉选择框美化jQuery插件.该插件可以将原生的select元素转换为自定义样式的下拉选择框,并且在选择时带有很酷的CSS3过渡动画效果 ...
html复选框美化插件,js和css3超酷checkbox复选框美化插件
这是一款效果超超酷的js和css3 checkbox复选框美化插件.这个checkbox复选框美化插件最大的特点是可以拖动进行复选框的多选,当你选择一个复选框后,按住它往下拖动,下面的复选框也会被选择 ...
js获得html下拉框的值,JavaScript如何获取select下拉框中第一个值
本文主要和大家介绍JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下,希望能帮助到大家. 1.说明获取s ...

html5 下拉框美化,纯js超酷select下拉框美化插件

html5 下拉框美化,纯js超酷select下拉框美化插件相关推荐

最新文章

热门文章

html5 下拉框 美化,纯js超酷select下拉框美化插件

html5 下拉框 美化,纯js超酷select下拉框美化插件相关推荐

最新文章

热门文章

html5 下拉框美化,纯js超酷select下拉框美化插件

html5 下拉框美化,纯js超酷select下拉框美化插件相关推荐