zoukankan      html  css  js  c++  java
  • 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"};
    修改参数。
    列表的宽度。
    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样式

  • 相关阅读:
    前端代码异常日志收集与监控
    基于window.onerror事件 建立前端错误日志
    MySQL数据类型和常用字段属性总结
    MySQL中char(36)被认为是GUID导致的BUG及解决方案
    dl,dt,dd,ul,li,ol区别
    泛型
    EF里Guid类型数据的自增长、时间戳和复杂类型的用法
    EF里的默认映射以及如何使用Data Annotations和Fluent API配置数据库的映射
    EF里的继承映射关系TPH、TPT和TPC的讲解以及一些具体的例子
    SQL JOIN
  • 原文地址:https://www.cnblogs.com/handboy/p/7158372.html
Copyright © 2011-2022 走看看