位置:首页 » 技术 » JavaScript奇效实例012-网页拾色器

JavaScript奇效实例012-网页拾色器

日期:2015-05-01 阅读:0num
Advertisement

JavaScript特效实例012-网页拾色器

实例012 网页拾色器

实例说明

在网站中经常需要用户自定义颜色来显示某些信息。这可以在网页添加一个拾色器来实现。

技术要点

在本实例中仅使用216种浏览器安全的颜色,即所谓的Netscape色块。这216种颜色分别代表0、51、102、153、204这5个颜色值以及每一种原色(即红、绿、蓝)。这些十进制数值对应的十六进制数分别为0x00、0x33、0x66、0x99、0xCC和0xFF。在HTML的颜色属性中黑色是#000000,纯红色是#FF0000,纯绿色就是#00FF00,纯蓝色是#0000FF,而白色是#FFFFFF。在实现网页拾色器时需要应用JavaScript数组。创建数组可以有以下三种方法。

(1)无参数调用。

<span style="white-space:pre">    </span>var h = new Array()

(2)指定数组前n个元素的值

var h = new Array(arglist)

(3)指定具有的元素个数

var h = new Array(n)

实现过程

(1)实现点击颜色框,弹出网页拾色器网页index.html

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8" />
        <script type="text/jscript" language="javascript">
            function pp(field)
            {
                var rtn = window.showModalDialog("color.html","","dialogWidth=220px;dialogHeight=200px;status=no;help=no;scrollbars=no")
                if(rtn!=null)
                {
                    field.style.background= rtn
                }
                return;
            }
        </script>
    </head>
    <body>
        <input type="text" readonly="yes" id="color" name="color" size=3 style="background:#000000" value = "" onclick = "pp(this)">
    </body>
</html>

(2)网页拾色器color.html

<script language="javascript">
        var h = new Array(6);
        h[0] = "FF";
        h[1] = "CC";
        h[2] = "99";
        h[3] = "66";
        h[4] = "33";
        h[5] = "00";
        function action(RGB)
        {
            parent.window.returnValue = "#"+RGB;
            window.close();
        }
        function Mcell(R,G,B)
        {
            document.write('<td bgcolor="#'+R+G+B+'">');
            document.write('<a href="#" onclick="action(\''+(R+G+B)+'\')">');
            document.write('<img border=0 height=12 width=12\')"alt=\'#'+R+G+B+'\'>');
            document.write('</a>');
            document.write('</td>');
        }
        function Mtr(R,B)
        {
            document.write('<tr>');
            for (var i = 0; i <6; ++i)
            {
                Mcell( R , h[i] , B );
            }
            document.write('</tr>');
        }
        function Mtable(B)
        {
            document.write('<table cellpadding=0 cellspacing=0 border=0>');
            for(var i = 0;i<6;++i)
            {
                Mtr(h[i],B);
            }
            document.write('</table>')
        }
        function Mcube()
        {
            document.write('<table cellpadding=0 cellspacing=0 border=0>');
            for(var i = 0;i<6;++i)
            {
                if(i%3 == 0)
                {
                    document.write('<tr>')
                }
                document.write('<td bgcolor=#000000">');
                Mtable(h[i]);
                document.write('</td>')
                if(i%3==2)
                {
                    document.write('</tr>')
                }
            }
            document.write('</table>');
        }
        Mcube();
    </script>

注:style标签的内容为css的知识,我们关注的是script标签内的内容。

这样我们的这个实例就做好了。

相关文章
  • JavaScript奇效实例012-网页拾色器

    JavaScript特效实例012-网页拾色器 实例012 网页拾色器 实例说明 在网站中经常需要用户自定义颜色来显示某些信息.这可以在网页添加一个拾色器来实现. 技术要点 在本实例中仅使用216种浏览器安全的颜色,即所谓的Netscape色块.这216种颜色分别代表0.51.102.153.204这5个颜色值以及每一种原色(即红.绿.蓝).这些十进制数值对应的十六进制数分别为0x00.0x33.0x66.0x99.0xCC和0xFF.在HTML的颜色属性中黑色是#000000,纯红色是#FF0

  • jQuery soColorPacker 网页拾色器

    未采用生僻的jquery特性,能兼容jquery1.2.6以上所有版本 实例预览 引入文件 <link type="text/css" rel="stylesheet" media="all" href="soColorPacker/css/style.css" /> <script type="text/javascript" src="jquery1.8.0.min.js&q

  • JS实现的网页上的颜色拾色器

    使用Js代码编写一个网页上用的颜色拾色器,也就是选择颜色用的,用鼠标单击任意颜色块,将弹出颜色值,当你想使用某种颜色而不知道颜色值的时候,用这个小特效可以告诉你颜色值是多少,比较方便. 颜色拾色器 红 绿 蓝 灰 用鼠标单击下面的颜色块,将弹出颜色值 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • iOS软件iWheelColor:装在口袋里的拾色器 iOS软件iWheelColor:装在口袋里的拾色器

    颜色代码对于程序员和网页设计师来说非常重要,但如果不是在电脑旁,那么多的颜色代码一定不好记,也不容易查看效果.所以就有贴心的国外开发商推出了一款名为iWheelColor的辅助软件. iWheelColor 点击进入下载界面 iWheelColor iWheelColor是一款拾色器软件,它可以让平面设计师.程序员和网页设计师等工作者非常直观和正确的找到颜色组合.我们在软件的主界面上可 以看到一个色彩轮,可以随意用手去触摸滑动或是改变.iWheelColor既支持2种颜色的互补,也支持三个颜色的

  • JQuery 拾色器插件发布-jquery.icolor.js JQuery 拾色器插件发布-jquery.icolor.js

    以前我一直用的那个(eyecon.ro) 功能完整也简易,但是不尽符合上面的要求,于是 google了N下,结果没找到现成的jquery拾色器插件很好的支持以下功能: 简单易用,仅显示常用的那些色块给用户选择,另外提供一个输入框方便用户输入自定义的色值 于是我写了icolor这个插件,除了支持上面的要求,还有别的一些特性如下: 1,默认提供的色值为"常用的浏览器安全的色值".相当于整合了下面最后一个prototype版本的颜色拾取器.关于浏览器安全色值,可参考维基文档http://en

  • 用纯js打造拾色器无法实现循环点击onclick

    用纯js制作拾色器无法实现循环点击onclick 网上是有很多拾色器代码,但是我是新手,想用纯js制作拾色器,代码如下. 问题是我如果一个一个触发onclick事件内容输出没有问题,但是假如for语句,就提示undefined <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #container{

  • JavaScript奇效实例010-弹出网页模式对话框

    JavaScript特效实例010-弹出网页模式对话框 实例010 弹出网页模式对话框 实例说明 弹出一个指定大小的网页模式对话框. 技术要点 本实例主要应用window对象的showModalDialog()方法,该方法用于弹出网页(模式)对话框,其语法如下. variant = object.showModalDialog(sURL[,vArguments[,sFeatures]]) 参数说明. 1.sURL: 指定URL文件地址. 2.vArguments: 用于向网页传递参数,传递参数的

  • JavaScript奇效实例011-弹出全屏显示的网页模式对话框

    JavaScript特效实例011-弹出全屏显示的网页模式对话框 实例011 弹出全屏显示的网页模式对话框 实例说明 弹出全屏显示的网页模式对话框,用户关闭之前不能浏览网站的其他内容. 技术要点 本实例主要应用screen对象的width.height属性和window对象的showModalDialog()方法实现.其实还有一种方法打开网页对话框,即showModelessDialog()方法. 使用showModalDialog()与showModelessDialog()方法的区别在于,s

  • JavaScript奇效实例006-弹出的窗口之Cookie控制

    JavaScript特效实例006-弹出的窗口之Cookie控制 实例006 弹出的窗口之Cookie控制 实例说明 为了让相同的广告信息不在每次打该开网页时都弹出,而只在第一次打开该网页时弹出. 技术要点 Cookie是网站在访问者硬盘上存储的一些定制的信息段.通过浏览器,网页可以实现对Cookie的存储.获取和删除.Cookie的目的只有一个,即记录访问者的个体信息.在开始使用Cookie前,我们需要知道下面的规则. 浏览器可以存储的总Cookie数量不能超过300个,每个服务器不得超过20

  • JavaScript奇效实例005-控制弹出窗口居中显示

    JavaScript特效实例005-控制弹出窗口居中显示 实例005 控制弹出窗口居中显示 实例说明 点击页面上的按钮,弹出窗口,并将窗口居中显示. 技术要点 本例首先应用JavaScript中的window对象的open()方法,打开指定大小的新窗口,然后通过screen对象,获取屏幕分辨率,再根据获取的值通过window对象的moveTo()方法,将新窗口移动到屏幕居中位置. moveTo()方法将窗口移动到指定坐标(x,y)处,其语法格式如下. window.moveTo(x,y) 其中,

  • JavaScript奇效实例008-关闭弹出的窗口时,刷新父窗口

    JavaScript特效实例008-关闭弹出的窗口时,刷新父窗口 实例008 关闭弹出的窗口时,刷新父窗口 实例说明 关闭弹出的窗口时,同时刷新父窗口,一般用来使父窗口获取最新的数据. 技术要点 本实例主要应用window.open()语句打开新窗口,并在新窗口中应用opener属性,该属性返回一个引用,用于指定打开本窗口的窗口对象. 语法: window.opener window.opener.方法 window.opener.属性 功能:返回的是一个窗口对象.opener属性与打开该窗口的

  • JavaScript奇效实例014-页面自动滚动

    JavaScript特效实例014-页面自动滚动 实例014 页面自动滚动 实例说明 本实例实现在打开页面,当页面出现纵向滚动条时,页面中的内容将从上向下进行滚动. 技术要点 本例主要是使用window对象的scroll()方法指定窗口的当前位置.下面对scroll()方法进行详细说明. scroll()方法的语法格式: scroll(x,y); 参数说明如下. 1.x:屏幕的横向坐标 2.y屏幕的纵向坐标 功能:指定窗口滚动坐标的位置. 实现过程 用于实现功能的主页面index.html. <

  • JavaScript奇效实例013-日期选择器

    JavaScript特效实例013-日期选择器 实例013 日期选择器 实例说明 弹出日期选择器来供用户来选择日期. 技术要点 本例主要使用window对象的showModalDialog()方法实现. 实现过程 (1)用来弹出日期选择器的主页面.点击图片弹出日期选择器,然后在文本框输出选择的日期. <!DOCTYPE html> <html> <head> <title>日期选择器</title> <meta charset="

  • JavaScript奇效实例018-下降式浏览器

    JavaScript特效实例018-下降式浏览器 实例018 下降式浏览器 实例说明 本实例是在窗口打开时,将整个窗口放在屏幕的最上面,使窗口无法在屏幕中进行显示,然后动态地使窗口进行下移,直到窗口显示在屏幕的左上角为止. 技术要点 本实例主要应用了screen对象的availHesht属性来获得当前屏幕工作区的高度,并用window对象的moveBy()方法使窗口自动下移.下面对window对象的moveBy()方法进行详细的介绍. moveBy()方法的语法格式: window.moveBy

  • JavaScript奇效实例007-为弹出的窗口加入关闭按钮

    JavaScript特效实例007-为弹出的窗口加入关闭按钮 实例007 为弹出的窗口加入关闭按钮 实例说明 在弹出的窗口中加入关闭按钮,点击后弹出的窗口关闭. 技术要点 本实例主要应用window对象的close()方法实现.close()方法的语法如下. window.close() 功能:window对象的close()方法用于自动关闭浏览器窗口. 实现过程 (1)要弹出的窗口且是功能实现界面New.html. <html> <head> <meta charset=&

  • JavaScript奇效实例002-定时打开窗口

    JavaScript特效实例002-定时打开窗口 实例002 定时打开窗口 实例说明 本实例要在指定的时间后打开窗口. 技术要点 主要应用window对象setTimeout()方法实现定时打开窗口. setTime()方法的语法格式如下. <span style="font-size:14px;">setTimeout(function,milliseconds)</span> 参数说明如下. function:要调用的JavaScript自定义函数名称. m

  • JavaScript奇效实例001-打开新窗口显示广告信息

    JavaScript特效实例001-打开新窗口显示广告信息 实例001 打开新窗口显示广告信息 实例说明 本实例要在窗口每次被加载的时候弹出一个广告对话框. 技术要点 本实例主要应用JavaScript的window对象. window对象的常用方法 方法 说明 alert() 弹出一个警告对话框 confirm() 在确认对话框中显示指定的字符串 prompt() 弹出一个提示对话框 close() 关闭被引用的窗口 focus() 将被引用的窗口放在所有打开窗口的前面 open() 打开新浏

  • Linux下拾色器:功能强大的gpick Linux下拾色器:功能强大的gpick

    以往在 Linux 下要拾个颜色啥的我一直用 gcolor2 应付着.不过话说回来,gcolor2 的功能实在有些弱.现在有了功能更加强大的 gpick,gcolor2 可以正式"下岗"咯. 且让我们来看看 gpick 有些啥好功能: 在放大的屏幕区域中,按空格键即可快速取色: 为拾取的颜色自动命名: 能够将拾取的颜色以不同格式拷贝到剪贴板,目前包括十六进制.RGB 及 HSL: 可以将拾取的颜色导出为调色板,支持 gpl.ase.mtl 等格式,以供 GIMP.Inkscape 等程

  • HTML 拾色器

    获取 暗/明 渐变颜色效果.

  • JWPlayer网页html5播放器使用实例

    本文章来给各位同学介绍一下关于JWPlayer网页html5播放器使用实例,希望有需要学习JWPlayer播放器的朋友可进入参考. 源代码也很简单 代码如下 复制代码 <script type="text/javascript" src="jwplayer.js"></script> <script type="text/javascript">jwplayer.key="81vjyJmC9lEWkQ

最新文章
  • 写了个随机种子文件改名来骗百度云的脚本 写了个随机种子文件改名来骗百度云的脚本

    https://github.com/187j3x1/LuTorrent 避过检测继续撸 实测上传300G新种后不用重新下载 等一下就会显示完成 --cut-- lazyphp在2014-06-22 00:13:0回答到: 其实这明显是百度留一手的.毕竟那群猪技术就摆在这里.纯粹走走形式. caomu在2014-06-22 00:16:2回答到: 随机改名不如zmt的改拼音方便看,我还能辨认原名. jprovim在2014-06-22 02:24:3回答到: @lazyphp 我擦, 大家心照不

  • 世界精神卫生日国旗下演讲稿

    尊敬的老师们.亲爱的同学们: 早上好!今天是世界精神卫生日,我国精神卫生宣传活动的主题是"承担共同责任,促进精神健康". 1991年,尼泊尔提交了第一份关于"世界精神卫生日"活动的报告.在随后的十多年里,许多国家参与进来,将每年的10月10日作为特殊的日子:提高公众对精神疾病的认识,分享科学有效的疾病知识,消除公众的偏见.我今天的题目是<请关注你的心理健康>. 心理学家告诉我们:人的健康一半是身体健康,一半是心理健康.在日常生活中,人们常常重视身体健康,

  • wxpython程序打包成exe 问题求助!

    第一次学用wxglade做了个GUI程序,程序不大,用pyinstaller 和 py2exe打包时都有问题. 其中pyinstaller打包完成后,双击运行会跳出一个黑框,闪一下就没了. 用命令行执行程序,最后提示错误: no module named _core_ 在网上搜了相关的问题,没能发现解决方法,在此向大家求助了! --cut--

  • 21世纪十大杂交动物:萨凡纳猫一身豹纹 21世纪十大杂交动物:萨凡纳猫一身豹纹

    虽然在动物世界中,种群的纯粹性保证了一个物种稳定的延续下去,但是在漫长的历史长河中,总是会有各种意外发生.动物时间夸种族的意外交配,从而产下了与以往完全不同的后代.而或许正因如此,一个新的物种诞生,继承了父母的优良特性,从而更适合生存. 科学家们有时也会利用这一特性,实行人为的干预,让动物之间进行杂交繁殖,从而产生一个新的品种.当然,这种行为也在动物之间长久的默默的进行当中. 1.鲸豚 将鲸类和其他不同种类的海洋哺乳动物进行杂交,听起来似乎不太可能,但事实上确实存在.1985年,夏威夷海洋公园中

  • 孕期营养不是越多越好 孕期营养不是越多越好

    每位妈妈在怀孕期间,都希望给腹中的宝宝提供最好的营养,唯恐宝宝因为缺少哪一营养元素而发生营养不良甚至畸形.其实,妈妈的饮食对胎宝宝来说,是把双刃剑,就像一枚硬币总有正反面那样,营养不足固然不可取,营养过剩更是过犹不及. 妈妈的饮食营养中,比较重要的是蛋白质.脂肪.糖类三大营养物质和钙碘等常量元素.微量元素以及维生素. 本站阅读配图 1.蛋白质 患有妊娠剧吐的孕妈妈,不容易吃进去东西,如果摄入蛋白质不足,就会导致胎儿大脑发育不良.具体表现在大脑重量轻.脑细胞数量少,从而影响智力.但过多摄入蛋白质,

  • 一号专车余额为什么扣50元 一号专车余额为什么扣50元

    打车软件一号专车可以为用户提供很好的出行便利,不过有用户反映一号专车账户余额不足50元打不了车的情况,一号专车余额为什么扣50元?下面小编为大家带来一号专车行程定金50元不扣教程. 一号专车余额为什么扣50元 行程定金50元不扣教程 一号专车打车教程一: 一号专车是预付费制度,保证一号专车余额够50或绑定信用卡就可打车,行程定金冻结50,打车后直接下车,不用付账,两小时后,余额回到账上. 一号专车打车教程二: 一号专车账户余额0元同样可实现打车,那就是绑定信用卡,绑定信用卡在打一号专车时也会预先

  • 采购电商化进程加速 宏碁商祺四大招秒杀需求痛点

    企业通过电商渠道达成IT采购,其优势早已为人所知,它能够解决传统购买模式中存在的低效.不透明.成本高等问题.有统计指出,规模化电商采购不仅可以提高企业采购效率,而且成本可以降低15%-20%.因此,有越来越多的IT厂商开始进驻电商渠道,作为全球知名PC厂商的Acer宏碁也同样不甘示弱,旗下的商用台式机和笔记本系列产品均已进驻电商平台,满足了众多中小企业客户的电商化采购需求. 有数据显示,国内目前B2B采购市场规模每年已达20万亿,但电商采购还没有占到市场份额的10%.当中最主要原因是因为代理商提

  • 超多款式好看的情侣小窝皮肤模块_挂念的那一份魂梦相牵 超多款式好看的情侣小窝皮肤模块_挂念的那一份魂梦相牵

    我们真正需要做的是一次心灵上的剖析与对白. 重新认识自己的内心,弄清自己真正的目标是什么. 是鲜花掌声,亦或其它?弄明白了这一点,一切都会释然. [1] [2] 下一页 放下,简单的两个字,折射出的是一种人生的境界. 懂得放下的人是恬淡的.祥和的.安静的. 人之所以痛苦,是因为在孜孜追求着看似美丽实则错误的东西. 上一页 [1] [2]

  • QQ仙侠传怎么点亮三级图标? QQ仙侠传怎么点亮三级图标?

    在QQ仙侠传游戏中3级是顶级,参与最新的活动可以秒点3级图标,是非常的不容易的,同样要求也是比较的严格,下面是详细的内容介绍. 这个方法确实可行,也确实可以秒3级图标(3级是顶级)但是这个要求限制很严格, 要求: 限制必须之前有角色 且在2014年3月1日-4月1日没有登录过游戏! 才可以按本文教程 秒3级图标 1.先打开活动地址领取礼包 礼包地址 http://xxz.qq.com/cp/a20140319active/backflow/oldserv.htm 2.到游戏里使用礼包 秒升80级

  • 准备好了吗?GOOGLE PR更新即将来临

    GOOGLE PR上一次更新是2012年5月初,参考最近几次更新可以发现,GOOGLE对PR的重视并没有减弱,官方也重申了对PR的信心.虽然前一年更新时间以及次数都不太规律,但从今年来看已再次稳定在每三月更新一次的频率,就此推测GOOGLE PR下一次更新的时间就在8月内. 每一次GOOGLE PR更新都牵动着所有站长的心,升了还是降了?看似GOOGLE PR能代表一个站的"实力",但其实GOOGLE PR对于国内站长而言重要性已经降低,百度已经逐步取代了GOOGLE在人们心中的位置.

热门推荐
  • 鼠标悬停图片产生边框的效果实现 鼠标悬停图片产生边框的效果实现 HTML 图片的宽高一定要定义 XML/HTML Code复制内容到剪贴板 CSS CSS Code复制内容到剪贴板 .con { margin: 50px; position: relative; } .border { position: absolute; top: 0; left: 0; rightright: 0; bottombottom: 0; } .con:hover .border { border: 5px solid #000; } 虚线 在css里面添加 CSS Code
  • 谈网站推广如何巧借东风乘风破浪 谈网站推广如何巧借东风乘风破浪 生活中很多现象告诉我们有时埋头苦干还不如巧借东风来的有效率.在实际生活中我们也不难见到很多小企业会借由一些成名企业的光环来提升自己的品牌效应.就比如晋江出了一个富贵鸟的品牌后,紧接而来的是贵人鸟.报喜鸟等等与在名称上有一定关系的品牌,这就是后来者如何借由前辈的东风提升自身品牌的最佳案例. 在我们的站点推广中,很多小企业的站点也会借由一些有一定知名度的成功的站点的来提升自己的线上品牌.比如我们常见到的论坛推广,通过的说就是借由其他成功的平台来推广我们自身.对此借东风推广我们并不陌生,而且每天都在接
  • MultiIconMover一次性移动多个App应用图标 MultiIconMover一次性移动多个App应用图标 MultiIconMover教程:一次性移动多个App应用图标.有不少用户在使用 iOS 设备时希望将系统内多个应用App定时进行整理,例如将同类软件移动至另一页面,或移到同一页面,但是要是一个一个的移动App图标是一件让人极度没有耐心的事儿.如果你身边有一台电脑,建议可使用PC端91助手软件游戏类别中的桌面应用整理功能.而今天要为大家介绍的是一个可以直接在手机移动端直接一次性移动多个App图标的实用插件,名为MultiIconMover. 免费安装MultiIconMover: 1. 首先你的
  • 一加手机正式开卖 官网京东易迅瞬间售罄 一加手机正式开卖 官网京东易迅瞬间售罄 今天是一加手机正式开卖的日子,中午12点在一加官网.京东.易迅同时开卖.首批一加手机全部为白色版本,16GB版售价为1999.99元,64GB版售价为2299.99元. 根据一加手机以及京东易迅所公布的数据,本次抢购的预约数量为135.5万人,由于抢购人数庞大,,三个平台瞬间售罄.由于本次开卖一加手机并没有公布销售数据,因此在销量上没有参考依据,不过按以往其他品牌的抢购经验来看,首批发货必定是供不应求,希望一加能尽量缩短产能爬坡的过程,让喜欢一加手机的用户能尽快买到. 此次开卖的一加手机包含16
  • Excel的名称和标志操作方法图解 Excel的名称和标志操作方法图解 为了使Excel数据分析更加直观地标识单元格或单元格区域,我们可以给它们赋予一个名称,从而在公式或函数中直接引用. 方法/步骤 1.创建一个Excel工作表. 2.在工作表中输入我们要用的数据. 3.选中要命名的单元格或单元格区域,鼠标单击编辑栏顶端的"名称框",在其中输入名称后回车.这里我们输入"名字" 4.其他一次类推,分别是月份,薪资. 5.以薪资为例,我们求出其平均值.Excel中的求平均是AVERAGE函数, 6.点击回车之后我们就可以看到结果在我们要输入
  • 谁的心,谁独自忧伤 谁的心,谁独自忧伤 谁发现,谁独自悲伤? 原以为,爱有天意;可谁知一切只是我一厢情愿.有些爱,未来的及告知,就被扼杀在摇篮里.如果心有所归,就不要看似有情,宛若在意,让我有机会念想你.喜欢有多重,心就有多痛.你和她牵手走过,躲在黑暗中的我,孤独的,静默地,看着你,那一刻,唯有痛-- 蓝色忧郁 今生让我遇见你,不是我的福气,而是我忧郁的开始,我眼中的幽蓝为何只深未浅,只因我卑微的爱情已到了死亡的边缘,我把心悄悄给了你,你却看不见,你的幸福,是我深深的伤感-- 痴望你的背影 回头看一下,你会发现,我一直在你身后,卑微的
  • Android中实现类似qq好友列表展开收起的成效 Android中实现类似qq好友列表展开收起的成效 Android中实现类似qq好友列表展开收起的效果 最近两天学习实现了一个功能,感觉很好,一定要记录下来. 在网上找了一些资料,林林总总,总是不那么齐全,有的代码做成小Demo还会报错,需要自己调试半天.也幸好如此,我将此功能涉及到的一些知识点理解的更加深刻一些. 功能需求:设计一个列表,类似qq好友列表,点击一级标题(对应:组名称),展开二级内容(对应:好友列表),再点击,则收起二级内容.一级标题下有一按钮,随着列表的展开收起自动的跟在一级列表下. 该功能使用了Android中的一个控件:Ex