600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > html5 下拉框 美化 实用select下拉框美化jquery插件

html5 下拉框 美化 实用select下拉框美化jquery插件

时间:2022-03-30 01:35:56

相关推荐

html5 下拉框 美化 实用select下拉框美化jquery插件

这是一款实用的select下拉框美化jquery插件。该select下拉框的原理是将select标签隐藏,并按照select标签用div和list绘制一个控件,将用户对div的操作映射到select上。css文件可以根据不同需求修改。

使用方法

在页面中引入htools.select.skin.css和jquery、jquery.htools.select.js文件。

HTML结构

使用普通的select元素作为下拉框的HTML结构即可:

插件效果

项目1

项目2

项目3

项目4

初始化插件

在页面DOM元素加载完毕之后,可以通过下面的方法来初始化该下拉框美化插件。

var $myselect = $("#myselect");

/**

* 初始化插件

*/

$myselect.goSelectInput({

height: 30,

width: 250

});

本select下拉框美化jquery插件由阿海提供,如有需要可以通过719348277@和他联系。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。