jQuery下拉框多选觉得很实用document对与每一个都有对应slidownSelectOptionse,直接可以拿来使用,适合于网站模块,写了老半天不容易大家好好利用起来。。。
首先引用css +jquery
<script src="jquery/jquery-1.10.2.js"></script>
<script src="./js/bundles.js"></script>
bundles的调用,调用方法、传入的参数
var slidownSelectOptionse1 = {
el: 'aaaaaa',//容器名称
type: 'double',//插件类型
width: '70px',//宽度
height: '40px',//高度
background: '#ffffff',//默认背景色
color: '#000000',//默认字体颜色
selectBackground: '#006666',//选中背景色
selectColor: '#ffffff',//选中字体颜色
show: 'false',//是否展开
content: '...请选择...',//默认要显示的内容
data: data//数据
}
var slidownSelectOptionse2 = {
el: 'bbbbbb',//容器名称
type: 'single',//插件类型
width: '70px',//宽度
height: '40px',//高度
background: '#ffffff',//默认背景色
color: '#000000',//默认字体颜色
selectBackground: '#6699CC',//选中背景色
selectColor: '#ffffff',//选中字体颜色
show: 'true',//是否展开
content: '...请选择...',//要显示的内容
data: data2//数据
}
var slidownSelectOptionse3 = {
el: 'cccccc',//容器名称
type: 'more',//插件类型
width: '70px',//宽度
height: '40px',//高度
background: '#ffffff',//默认背景色
color: '#000000',//默认字体颜色
selectBackground: '#66CC99',//选中背景色
selectColor: '#ffffff',//选中字体颜色
show: 'true',//是否展开
content: '...请选择...',//要显示的内容
data: data3//数据
}
var slidownSelectOptionse4 = {
el: 'dddddd',//容器名称
type: 'more',//插件类型
width: '70px',//内容显示宽度
height: '40px',//内容显示高度
background: '#ffffff',//默认背景色
color: '#000000',//默认字体颜色
selectBackground: '#FF6633',//选中背景色
selectColor: '#ffffff',//选中字体颜色
show: 'false',//是否展开
content: '...请选择...',//要显示的内容
data: data3//数据
}
$(document).ready(function () {
rltTools.slidownSelect(slidownSelectOptionse1)
rltTools.slidownSelect(slidownSelectOptionse2)
rltTools.slidownSelect(slidownSelectOptionse3)
rltTools.slidownSelect(slidownSelectOptionse4)
})
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791