当前位置:JS特效 » 其他 » 实用select下拉框美化jquery插件
 实用select下拉框美化jquery插件
如果您觉得内容不错,请分享:

插件介绍

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

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:73
简要教程

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

使用方法

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




                
HTML结构

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


                
初始化插件

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

var $myselect = $("#myselect");
/**
 * 初始化插件
 */
$myselect.goSelectInput({
    height: 30,
    width: 250
});             
                

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

Top