jQuery自定义下拉框美化

所属分类:输入-选择框

jQuery自定义下拉框美化 ie兼容8

更新时间:2017/4/13 14:51:01

更新说明:多个同样的下拉框没有冲突了,并且增加了,鼠标移开,下拉框回收

抛弃传统下拉框样式,后面箭头采用css3  旋转,效果更佳;

.lbaxztop {
	animation:rotatete 0.3s linear forwards;
}
@keyframes rotatete {
	from {
	    transform:rotate(0deg);
        }
        to {
	    transform:rotate(180deg);
        }
}
@keyframes rotatete {
	from {
	    transform:rotate(0deg);
        }
        to {
	    transform:rotate(180deg);
        }
}

文本接收框超出设置的宽度会点点显示

white-space:pre;text-overflow:ellipsis;overflow: hidden;


相关插件-选择框

jQuery左右选择切换

左右选择切换,兼容主流浏览器
  选择框
 9740  48

自制小清新select插件

通过原生生成美化后的,分享给初学者
  选择框
 9329  64

jQuery列表选择美化插件uichoose

uichoose是一款基于jQuery的列表选择美化插件。uichoose可用于选项不太多的、radio、checkbox等,提升用户体验。
  选择框
 6375  67

jQuery仿美团APP筛选

jQuery条件筛选
  选择框
 11964  89

讨论这个项目(13)回答他人问题或分享插件使用方法奖励jQ币

    ヤ┵??〃 / 0
    2017/3/7 10:30:41

    我只是想说,不兼容IE8!

    回复
    桂林一枝花 0
    2017/1/16 11:05:09
    呵呵呵呵呵。。。挺简陋的,,还要2 q bi  回复
    里昂没有青春 0
    2016/12/19 20:12:15

    插件简洁  不过效果不是特别完善哈   还有就是  这要两个币

        静坐庭前,赏花落0
        2017/1/16 13:31:31

        第一次搞,不熟悉情况,谁便填写的数量,现在取消不了。如果谁需要下载我这个   可以直接找我要哈(854397513),欢迎多提意见,多分享。。。。

    回复
    WckY 0
    2016/12/14 15:12:23

    挺好的 挺实用的 自己又可以修改 劳动成果值得肯定 

    回复
    光明正大520左氏也 0
    2016/12/9 9:12:55
    这也叫美化。。。。
        光明正大520左氏也0
        2016/12/9 9:12:59
        下载还敢要这么多金币?我也是醉了
        静坐庭前,赏花落0
        2016/12/9 9:12:33
        不好意思,让你见笑了哈,因为就只有几句代码  所以很简洁,实用就行了撒。我是要下载他人的插件发现没币,才去上传了一个自己写的小例子,第一次搞,不熟悉情况,那个下载需要币也是随便填写的。。。    现在我都不知道怎么去掉那个币。。。
        microsoftvs0
        2016/12/9 10:12:02
        我觉的挺好的。
        光明正大520左氏也0
        2016/12/12 9:12:04
        行,没事,都是技术分享,多交流
        静坐庭前,赏花落0
        2016/12/13 16:12:52
        如果谁需要下载我这个   可以直接找我要哈(854397513),欢迎多提意见,多分享。。。。
        天空之城0
        2016/12/27 11:12:09

        可以发我一份吗?没有JQ币,谢谢!1554714235@qq.com

        我要你 0
        2017/4/12 16:34:23

        不行呀    这插件不支持多个下拉一起 要改改

    回复
取消回复