本文演示了8种不同的querySelector下拉框插件效果。只要定义 select的class即可。是个简单但功能强大的下拉框select插件。
淘建站为您提供更多_表单代码_下拉框select_select_下拉框，在此特别感谢您对我们的支持与厚爱！
查看演示
演示不了，点击反馈
加入收藏
下载 58 次
打赏作者
觉得不错，可打赏下作者
下载资源
免费共享
特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。
引入select相关插件
<link rel="stylesheet" type="text/css" href="css/cs-select.css" />
<link rel="stylesheet" type="text/css" href="css/cs-skin-border.css" />
<script src="js/classie.js"></script>
<script src="js/selectFx.js"></script>
<script>
(function() {
[].slice.call(document.querySelectorAll('select.cs-select')).forEach(function(el) {
new SelectFx(el);
});
})();
</script>演示一：边框，只要定义select 加上class： cs-skin-border
<select class="cs-select cs-skin-border">
<option value="" disabled selected> 联系人方式</option>
<option value="email">E-Mail</option>
<option value="twitter">Twitter</option>
<option value="linkedin">LinkedIn</option>
</select>演示二：下划线
<select class="cs-select cs-skin-underline">演示三：伸缩动画效果
<select class="cs-select cs-skin-elastic">演示四：滑动效果
<select class="cs-select cs-skin-slide">演示五：覆盖
<select class="cs-select cs-skin-overlay">演示六：旋转
<select class="cs-select cs-skin-rotate">演示七：选择颜色
<select class="cs-select cs-skin-boxes">演示八：环形效果
<select class="cs-select cs-skin-circular">
