1.0.0 • Published 9 years ago
cola-select v1.0.0
colaSelect简介
colaSelect是一个基于jQuery编写的Plugin,它可以轻易的实现美化Html Select元素以及临摹出Select所有事件。
注:v1.0.0 暂不支持select group 分组
代码块
<ul class="test" data-name="test_select_name">
<li data-value="1"><span class="cube green"></span>one</li>
<li data-value="2"><span class="cube red"></span>two</li>
<li data-value="3"><span class="cube yellow"></span>three</li>
</ul>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.colaselect.js"></script>
<script type="text/javascript">
$(function(){
$('.test').colaSelect();
})
</script>
DefaultOptions
$.fn.colaSelect.defaults = {
arrow : '',// the arrow image
value : false,// default selected
group : false,// suport the group
defaultText : false,// default show text(default value is null)
clas : 'awasome-select',// the select class
//option click event
onClick : false,
//select hover event
onHover : false
};
1.0.0
9 years ago