div模拟dropdownlist控件 div下拉菜单
原文发布时间为:2009-10-16 —— 来源于本人的百度文章 [由搬家工具导入]
控件发布:div2dropdownlist(div模拟dropdownlist控件)
div3dropdownlist控件参数说明。
下载:div2dropdownlist
*************************************************************************
*说明:解决普通dropdownlist控件,无法解析html语言,而显示一些特殊字符形式。如数学符号中的上下标。
*作者:弄潮儿
*网址: http://www.javascriptcn.com
*Email: wxnet2008@gmail.com
*************************************************************************
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<sub>2</sub>O"},
{"item":"O<sub>2</sub>"},
{"item":"O<sub>3</sub>"}
//列表项结束
]
};
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<sub>2</sub>O"},
{"item":"O<sub>2</sub>"},
{"item":"O<sub>3</sub>"}
//列表项结束
]
};
单个项设置: {"item":"O<sub>2</sub>"}, (最后一项不能包含逗号)
*************************************************************************
3,获取列表值
var test = new div2dropdownlist(options,listitems); //控件实例
test.Create(); //创建控件
test.value(); //获取控件的值
属性:test.itemslength 获取列表数量
test.hovercolor 鼠标滑过时颜色
test.width 控件显示宽度
test.font 字体css样式
最新文章
- php-fpm 启动参数及重要配置详解
- 关于Hibernate的关联映射
- Dynamic CRM 2013学习笔记(四十五)修改实体及字段的前缀(不用new_开头)
- Slickflow.NET 开源工作流引擎基础介绍(五) -- 会签加签高级特性介绍
- UESTCOJ-BiliBili, ACFun… And More!(水题)
- ASP.NET程序如何更新发布
- C语言实现通讯录
- jQuery插件的编写相关技术 设计总结和最佳实践
- Tab选框
- centos6.5 配置静态IP
- [转帖]SAP BASIS日常需要做的工作
- MySQL-ERROR 2003
- 《生命》第二集:Reptiles and Amphibians (爬行和两栖动物)
- MySQL5.7 锁定用户【转】
- ubuntu 程序后台运行几个方法
- proc demo
- linux终端无打印信息的实现
- MarkDown格式作业模板
- android学习:Android上面部署Apache FTPServer
- Linux可以明文传输密码的工具sshpass