有没有觉得默认的HTML 的SELECT 的下拉选择框丑到爆呢,一点没有让人想看第二遍的欲望呢。
Select-or-Die基于 jQuery 的下拉框美化插件来了(Select-or-Die 还另外提供了 3 套皮肤)
GitHub地址:https://github.com/vestman/Select-or-Die/ (没有下载地址的都是耍流氓)
首先上效果图
select美化插件 图片来源网络
Select-or-Die 的兼容性怎么样?
浏览器兼容:兼容 IE8 及以上 IE 浏览器和其他主流现代浏览器。
jQuery 兼容:兼容 1.7 及以上版本。
使用方法(这个才是重点)
-
引入CSS 和JS
<link rel="stylesheet" href="css/selectordie.css"> <script src="js/jquery.min.js"></script> <script src="js/selectordie.min.js"></script>
-
绑定元素美化(JavaScript)
$(function(){
$('select').selectOrDie();
});