div模拟dropdownlist控件 div下拉菜单

Posted 2020-09-27 杰的记事本——javascript.shop

原文发布时间为：2009-10-16 —— 来源于本人的百度文章 [由搬家工具导入]

控件发布：div2dropdownlist(div模拟dropdownlist控件)

div3dropdownlist控件参数说明。
下载:div2dropdownlist
*************************************************************************
*说明：解决普通dropdownlist控件，无法解析html语言，而显示一些特殊字符形式。如数学符号中的上下标。
*作者：弄潮儿
*网址: http://www.javascriptcn.com
*Email: [e-mail]
*************************************************************************
1,控件引用

在head标记中:<script src="div2dropdownlist.js"type="text/javascript"></script>
在body标记中
<script type="text/javascript">
<!--
var options = {"width": "200px","hovercolor":"#058","font":"12px"};;

var listitems = {"listitems":
[
//列表项开始
{"item":"H₂O"},
{"item":"O₂"},
{"item":"O₃"}
//列表项结束
]
};
var test = new div2dropdownlist(options,listitems); //控件实例
test.Create(); //创建控件
//test.value();   //获取控件的值
//-->
</script>

**************************************************************************
2,设置div2dropdownlist显示属性
var options = {"width": "200px","hovercolor":"#058","font":"12px"};
修改参数。
width:列表的宽度。
hovercolor:鼠标移到选项后，选项的颜色。
font:设置列表字体样式 默认:12px
**************************************************************************
3,设置div2dropdownlist控件的列表项
var listitems = {"listitems":
[
//列表项开始
{"item":"H₂O"},
{"item":"O₂"},
{"item":"O₃"}
//列表项结束
]
};
单个项设置: {"item":"O₂"}, (最后一项不能包含逗号)
*************************************************************************
3,获取列表值
var test = new div2dropdownlist(options,listitems); //控件实例
test.Create(); //创建控件
test.value(); //获取控件的值

属性：test.itemslength 获取列表数量
       test.hovercolor 鼠标滑过时颜色
       test.width      控件显示宽度
       test.font       字体css样式