分类: 技术

  • 宽度100%,缩小浏览器,有滚动条,右侧出现空白bug

    当浏览器窗口缩小,默认100%宽度为浏览器窗口的宽度。忽略下部内容层固定宽度(1100px)。就出现了固定宽度大于100%宽度的现象。查看以此理解来解析页面,就出现了容器宽度理解上的差异,出现了一个非常奇特的BUG。

    width:expression_r(document.body.clientWidth <= 1100? "1100px": "auto"); min-width:1100px; 这种bug一般不常见,或者没有注意到。 但网站放到手机上浏览的时候,就会发现,右侧大块空白。 直接设置 把最大宽度设置成 min-width:npx; 即可

  • style、currentStyle、getComputedStyle区别介绍

    样式表有三种方式

          内嵌样式(inline Style) :是写在Tag里面的,内嵌样式只对所有的Tag有效。

         内部样式(internal Style Sheet):是写在HTML的<head></head>里面的,内部样式只对所在的网页有效。

          外部样式表(External Style Sheet):如果很多网页需要用到同样的样式(Styles),将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。

         最常用的是style属性,在JavaScript中,通过document.getElementById(id).style.XXX就可以获取到XXX的值,但意外的是,这样做只能取到通过内嵌方式设置的样式值,即style属性里面设置的值。

       解决方案:引入currentStyle,runtimeStyle,getComputedStyle

       style                标准的样式!可能是由style属性指定的!
         runtimeStyle    运行时的样式!如果与style的属性重叠,将覆盖style的属性!
        currentStyle   指 style 和 runtimeStyle 的结合!

        通过currentStyle就可以获取到通过内联或外部引用的CSS样式的值了(仅限IE

       如:document.getElementById("test").currentStyle.top

       要兼容FF,就得需要getComputedStyle 出马了

       注意:getComputedStyle是firefox中的,

               currentStyle是ie中的.

    比如说

    <style>

         #mydiv {

                width : 300px;

         }

    </styke>

    则:

    var mydiv = document.getElementById(‘mydiv’);

    if(mydiv.currentStyle) {

          var width = mydiv.currentStyle[‘width’];

          alert(‘ie:’ + width);

    } else if(window.getComputedStyle) {

          var width = window.getComputedStyle(mydiv , null)[‘width’];

          alert(‘firefox:’ + width);

    }

    另外在FF下还可以通过下面的方式获取

    document.defaultView.getComputedStyle(mydiv,null).width

    window.getComputedStyle(mydiv , null).width

    本文使用Blog_Backup未注册版本导出,请到soft.pt42.com注册。

  • 利用border制作小三角

    群里Alex提供,据测试ie6 ie7 ie8 兼容,其他自不必说

    用css 中border写出,可以取代图片

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>无标题文档</title>

    <style>

    /*zishu.cn*/

    *{ margin:0; padding:0; font-size:12px; font-family:Verdana, "宋体", Arial; line-height:1.8; list-style:none;}

    #info,#nav{ margin:50px; border:1px dashed #FF3300; background:#FFFFCC; padding:50px;}

    #info div{background:#FF0000; width:0px; height:0px; overflow:hidden; margin-bottom:10px;}

    /*一些三角的写法*/

    #com_a{ border-top:10px solid #FFFFCC;border-left:10px solid #FF3300;border-bottom:10px solid #FFFFCC;}

    #com_b{ border-top:10px solid #FFFFCC;border-right:10px solid #FF3300;border-bottom:10px solid #FFFFCC;}

    #com_c{ border-top:10px solid #FFFFCC;border-right:10px solid #FF3300;border-bottom:10px solid #FFFFCC;border-left:10px solid #FF3300;}

    #com_d{ border-top:10px solid #FF3300;border-right:10px solid #FFFFCC;border-bottom:10px solid #FF3300;border-left:10px solid #FFFFCC;}

    #com_e{ border-top:10px solid #FFFFCC;border-left:10px solid #FF3300;}

    #com_f{ border-top:10px solid #FF3300;border-right:10px solid #FFFFCC;border-left:10px solid #FFFFCC;}

    #com_g{ border-right:10px solid #FFFFCC;border-bottom:10px solid #FF3300;border-left:10px solid #FFFFCC;}

    #com_h{ border-top:10px solid #FF3300;border-bottom:10px solid #FF3300;border-left:10px solid #FFFFCC;}

    #com_i{ border-top:10px solid #FF3300;border-right:10px solid #FF3300;border-bottom:10px solid #FF3300;border-left:10px solid #FFFFCC;}

    </style>

    </head>

    <body>

    <div id="info">

    <h1>一些三角形的写法</h1>

      <div id="com_a"></div>

      <div id="com_b"></div>

      <div id="com_f"></div>

      <div id="com_g"></div>

      <div id="com_c"></div>

      <div id="com_d"></div>

      <div id="com_e"></div>

      <div id="com_h"></div>

      <div id="com_i"></div>

    </div>

    </body>

    </html>

    本文使用Blog_Backup未注册版本导出,请到soft.pt42.com注册。

  • 未知多行单行文本,垂直居中

    需求:要求调取的不确定几行的字段,在div里面垂直居中,在Ben的帮助下,知道了table-cell,以前没用过

    如图:

    用table就可以好好做,因为在之前的基础上做修改,用的div

    html

              <div class="des"><span>文字文字文字文字</span></div>

    解决:把div属性改变成table td的属性

    div.des{ line-height:20px;height:80px; padding:0 18px; display:table;}

    div.des span{ display:table-cell; vertical-align:middle;}

    一google 发现高人总结

    http://www.zhangxinxu.com/wordpress/?p=1187 我所知道的几种display:table-cell的应用

    http://www.zhangxinxu.com/wordpress/?p=61 大小不固定的图片、多行文字的水平垂直居中

    本文使用Blog_Backup未注册版本导出,请到soft.pt42.com注册。

  • js字符串转数字

    方法主要有三种
    转换函数、强制类型转换、利用js变量弱类型转换。

    1. 转换函数:

    js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)。

    一些示例如下:

    parseInt(“1234blue”); //returns 1234
    parseInt(“0xA”); //returns 10
    parseInt(“22.5”); //returns 22
    parseInt(“blue”); //returns NaN

    parseInt()方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的,示例如下:

    parseInt(“AF”, 16); //returns 175
    parseInt(“10”, 2); //returns 2
    parseInt(“10”, 8); //returns 8
    parseInt(“10”, 10); //returns 10
    如果十进制数包含前导0,那么最好采用基数10,这样才不会意外地得到八进制的值。例如:
    parseInt(“010”); //returns 8
    parseInt(“010”, 8); //returns 8
    parseInt(“010”, 10); //returns 10

    parseFloat()方法与parseInt()方法的处理方式相似。
    使用parseFloat()方法的另一不同之处在于,字符串必须以十进制形式表示浮点数,parseFloat()没有基模式。

    下面是使用parseFloat()方法的示例:
    parseFloat(“1234blue”); //returns 1234.0
    parseFloat(“0xA”); //returns NaN
    parseFloat(“22.5”); //returns 22.5
    parseFloat(“22.34.5”); //returns 22.34
    parseFloat(“0908”); //returns 908
    parseFloat(“blue”); //returns NaN

    2. 强制类型转换

    还可使用强制类型转换(type casting)处理转换值的类型。使用强制类型转换可以访问特定的值,即使它是另一种类型的。
    ECMAScript中可用的3种强制类型转换如下:
    Boolean(value)——把给定的值转换成Boolean型;
    Number(value)——把给定的值转换成数字(可以是整数或浮点数);
    String(value)——把给定的值转换成字符串。
    用这三个函数之一转换值,将创建一个新值,存放由原始值直接转换成的值。这会造成意想不到的后果。
    当要转换的值是至少有一个字符的字符串、非0数字或对象(下一节将讨论这一点)时,Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null,它将返回false。

    可以用下面的代码段测试Boolean型的强制类型转换。

    Boolean(“”); //false – empty string
    Boolean(“hi”); //true – non-empty string
    Boolean(100); //true – non-zero number
    Boolean(null); //false – null
    Boolean(0); //false – zero
    Boolean(new Object()); //true – object

    Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。示例如下:

    用  法 结  果
    Number(false) 0
    Number(true) 1
    Number(undefined) NaN
    Number(null) 0
    Number( “5.5 “) 5.5
    Number( “56 “) 56
    Number( “5.6.7 “) NaN
    Number(new Object()) NaN
    Number(100) 100

    最后一种强制类型转换方法String()是最简单的,示例如下:

    var s1 = String(null); //”null”
    var oNull = null;
    var s2 = oNull.toString(); //won’t work, causes an error

    3. 利用js变量弱类型转换

    举个小例子,一看,就会明白了。

  • 游戏素材网站

    【图片类】:

    http://charas-project.net/ 可以通过选择预设的各种素材,DIY拼装sprite图。可以拼“人物四个方向行走”“人脸”“基本动作”三大类。其中,“基本动作”应该最实用。

    http://www.geocities.jp/kurororo4/looseleaf/ 也是DIY sprite的网站。可以自己组装男女角色sprite,而且速度比上面那个网站快一些。

    http://untamed.wild-refuge.net/rmxpresources.php?characters 有大量统一大小,统一形式的人物sprite和tile图。

    http://tsgk.captainn.net/?p=subhierarchal&t=sy&t2=ga 有不同游戏主机里游戏的素材。

    http://www.videogamesprites.net/ 有很多游戏的git图素材。

    http://www.bogleech.com/games.html 有很多怪物的素材。

    http://www.retrogamezone.co.uk/arcade.htm 有不同游戏主机里游戏的素材。

    http://www.spriters-resource.com/ 有不同游戏主机里游戏的素材,包括mobile。

    http://spritedatabase.net/ 不同主机里的游戏素材,专业提供sprite图片,很全。

    http://opengameart.org 很出名的一个开源游戏资源网站,很多人提到这个网站。

    http://www.tekepon.net/fsm/modules/refmap/index.php?mode=vx-map 日本出的素材,画面的质量非常高,有人物四向行走素材和瓦片地形素材。

    【icon类】:

    http://game-icons.net/ 风格很独特的游戏icon,全部是黑白色的。

    http://thenounproject.com/ 各种类型的icon,也全是黑白色的,icon比较小。

    http://www.iconarchive.com 很出名的icon网站,各种类型,各种颜色,各种大小。

    https://www.iconfinder.com/ 各种类型,各种颜色,各种大小。

    本文使用Blog_Backup未注册版本导出,请到soft.pt42.com注册。

  • 郎永淳推荐书单:我的2014年新年书单[转]

    为什么要读书?

    《读书人是幸福人》这本书里面有段话:“一个人的一生,只能经历自己拥有的那一份欣悦,那一份苦难,也许再加上他亲自感知的那一些关于自身以外的经历和经验。然而,人们通过阅读,却能进入不同时空的诸多他人的世界。这样,具有阅读能力的人,无形间获得了超越有限生命的无限可能性。”

    文化、人生、社会类

    《百年孤独》加西亚·马尔克斯

    描写了布恩迪亚家族七代人的传奇,以及加勒比海沿岸小镇马孔多的百年兴衰,反映了一个拉丁美洲一个世纪以来风云变幻的历史。

    《目送》龙应台

    由七十四篇散文组成极具亲情,感人至深的文集。

    《孤独六讲》蒋勋

    作者以美学家特有的思维,从情欲、语言、革命、思维、伦理、暴力六个方面阐释孤独。

    《瓦尔登湖》亨利·戴维·梭罗

    这是一本宁静、恬淡、充满智慧的书。其分析生活,批判习俗,语语惊人,字字闪光,见解独到,耐人寻味。

    《追风筝的人》卡勒德·胡塞尼

    讲述12岁的阿富汗少爷与仆人之间的兄弟手足情,讲述人性与救赎。

    《1984》乔治·奥威尔

    这是杰出的政治寓言小说,也是幻想小说,刻画人类在极权主义社会的生存状态。

    《江城》彼得·海斯勒

    讲述中国的涪陵,特定时期内中国的某个地方,展示了鲜为人知的当代中国。

    《月亮与六便士》毛姆

    这本书引发人们对摆脱世俗束缚逃离世俗社会寻找心灵家园这一话题的思考。

    《平凡的世界》路遥

    作者浓缩了中国西北农村的历史变迁过程,表现了中国当代城乡的社会生活,通过复杂的矛盾纠葛,刻画社会各阶层众多普通人的形象。劳动与爱情,挫折与追求,痛苦与欢乐,日常生活与巨大社会冲突,纷繁地交织在一起。

    《不能承受的生命之轻》米兰·昆德拉

    不是一个男人和两个女人的三角爱情故事,而是一部哲理小说,把读者带入对一系列问题的思考,比如轻与重、灵与肉。

    《卡拉马佐夫兄弟》陀思妥耶夫斯基

    作品展示了错综复杂的社会、家庭矛盾和人性悲剧。

    《荆棘鸟》考琳·麦卡洛

    描写克利里一家三代人的故事,时间跨度长达半个多世纪,小说情节曲折生动,细腻感人。

    《活着》余华

    悲剧不断的降临,生命里难得的温情都被一次次死亡撕扯得粉碎,只剩下老富贵伴随着一头老牛在阳光下回忆。

    《失物之书》约翰·康诺利

    二战,男孩戴维的母亲去世,父亲再婚所带来的惊愕和冲击,对继母以及新生儿弟弟的嫉妒和憎恨让他听到书在说话,惟有不逃避,惟有肯原谅,惟有找到遗失的《失物之书》才能得到重生。

    《老人与海》海明威

    这是关于一个渔夫的故事,也是一个勇士与强大势力搏斗的代表。

    《爸爸,我们去哪儿?》让-路易·傅尼叶

    作为残障儿的父母讲述自己的经历,再痛苦的遭遇,也有勇气笑着活下去。

    《了不起的盖茨比》弗·司各特·菲茨杰拉德

    讲述大富翁盖茨比隐秘的世界,以及最后悲剧的人生。

    《到灯塔去》弗吉尼亚·伍尔夫

    描写一次大战后拉姆齐教授一家和几个亲密朋友在苏格兰某岛屿上独家的一段生活,作者企图在这部情节非常简单的小事中探讨人生的意义和自我的本质,指出自我有可能逃脱时间的魔掌并不顾死亡的威胁而长存不朽。

    《万物既聪慧又奇妙》吉米·哈利

    远离尘嚣的山谷,有趣的人和动物,旧日的好时光,组成了一副芸芸众生的画卷,而最动人的却是那温柔的底色。

    传记类

    《富兰克林自传》富兰克林

    这是一本影响几代美国人、历经两百余年经久不衰的励志奇书,包含了人生奋斗与成功的真知灼见,以及诸种善与美的道德真谛。

    《李光耀回忆录》李光耀

    整部回忆录透露新加坡开国元老李光耀作为成功领导者迥异于失败领导者的特质:智慧、支配力、自信、知识以及活动力,彰显对时势的极度敏感。

    《梵高传》欧文·斯通

    热爱生活,即使生活中屡遭挫折,艰辛备尝,献身艺术,大胆创新,有自己独特的艺术风格,梵高的身世感动无数的读者,其魅力至今犹在。

    《维特根斯坦传》瑞·蒙克

    本书以时间为线索,运用大量生动、翔实的第一手资料描绘20世纪最重要的哲学家之一,维特根斯坦独特的世界以及传奇的一生,堪称一流的思想传记。

    《别闹了,费曼先生》费曼

    费曼得过诺贝尔奖,是现代最伟大的理论物理学家之一,同时也是历史上唯一被按摩院请去画裸体画、偷偷打开着原子弹机密文件的保险箱,在巴西桑巴乐园担任鼓手的奇葩有趣科学家。

    《巴菲特传-一个美国资本家的成长》Roger Lowenstein

    被奉为投资者不可不读的投资景点,讲述巴菲特独有的投资风格和管理方式,以及他充满神奇色彩的投资策略,人生哲理和管理智慧。

    《史蒂夫·乔布斯传》沃尔特·艾萨克森

    乔布斯的故事有启发意义,又有警示意义,充满了关于创新、个性、领导力以及价值观的教益。

    《漫漫自由路:曼德拉自传》曼德拉

    真实地记录了曼德拉和南非人民为反对种族隔离争取自由解放而进行的卓绝斗争。

    励志、教育类

    《洛克菲勒留给儿子的38封信》约翰·D·洛克菲勒

    真实记录洛克菲勒创造财富神话的种种业绩,不仅可以看到洛克菲勒的优良品德和卓越的经商才能,还可以窥见一代巨富创造财富的谋略与秘密。

    《布鲁克林有棵树》贝蒂·史密斯

    写了弗兰西一家子的故事,一个感人的大故事里镶嵌着无数的小故事,而这些故事都围绕着一个词:感动。

    《追求生命的意义》弗兰克兰

    讲述是一个人面对巨大的苦难时,用来拯救自己的内心世界,同事也是一个关于每个人存在的价值和能者多劳们生存的社会所应当负责任的思考。

    《别独自用餐》基里·法拉奇

    作者用亲身经历讲述了一个来自贫穷家庭的孩子,从给人当球童起,悟出人际交往和人脉对成功的重要性。

    《最后的演讲》兰迪·鲍许

    兰迪·鲍许是一位热情风趣的大学教授,46岁时被诊断出癌症。剩下3-6个月的生命中,他应学校之邀发表了一场演讲,这场演讲让所有人笑声不断,也让不少人流下泪。

    心理类

    《内向者优势》Marti OlsenLaney

    为性格内向的人指明如何利用而非对抗自己的个性来创造并享受幸福美好的生活,涉及婚姻关系、为人父母——包括养育性格内向的孩子、社交活动和工作,还有对应的策略以及有价值的技巧,有助于在外向的世界更好的生存。

    《怪诞心理学》艾瑞里

    所有的现象背后都有经济的力量,文中用轻松幽默的方式告诉我们这是为什么,以及如何改变。

    《少有人走的路》M·斯科特·派克

    这本书处处透露出沟通与理解的意味,帮忙我们探索爱的本质,引导我们过上崭新,宁静而丰富的生活,帮忙我们学习爱,学习独立,找到真正的自我。

    《影响力》罗伯特·西奥迪尼

    心理学家解释为什么有些人极具说服力,而我们总是容易上当受骗。

    《乌合之众》古斯塔夫·勒庞

    书中极为精致地描述了集体心态,对人们理解集体行为的作用以及对社会心理学的思考发挥了极大影响。

    《爱的艺术》艾·弗洛姆

    爱是一门艺术,要想掌握这门艺术的人得有这方面的知识并付出努力,这里的爱不仅是狭隘的男女爱情,而是人格整体的展现。

    《拖延心理学》简·博克

    讲述拖延的心理,知道它是什么,才能更好的去解决它。

    《路西法效应》菲利普·津巴多

    作者深度剖析复杂的人性,透析“情境力量”对个人行为的影响,并分析造成监狱虐囚和种族屠杀的情境影响。

    爱情、两性类

    《爱的五种语言》盖瑞·查普曼

    教你如何学会两性相处,值得婚前情侣婚后夫妻阅读学习。

    《平如美棠-我俩的故事》饶平如

    六十年的享受历尽坎坷,命运让他们长久分离,好不容易最后又在一起,但美棠却身患重疾且渐渐失去记忆,平如大爷就一直陪着她照顾她,这是普通人的故事,却出传递永久的力量。

    《爱你就像爱生命》王小波/李银河

    这是王小波李银河夫妇最完整独立的一本书信集,都是满满的爱。

    《守望灯塔》詹尼特·温特森

    本文诗一般的语言,讲故事的手法,创造了一个现代爱情寓言。

    《一个女人一生中的二十四小时》茨威格

    发生在一个女人一生中某一天的往事,却在茨威格的小说里让人震撼,淋漓尽致地表现了人的冲动和理智的搏斗。

    《麦琪的礼物》欧·亨利

    34篇小说,以巧妙的构思、夸张和幽默的文笔反映了他那个时代的人和事。

    商业、管理、职场类

    《卓有成效的管理者》彼得·德鲁克

    书中,德鲁克集中论述了一个管理者如何做到卓有成效。

    《定位》艾·里斯

    关于营销和广告新思维的文章,总标题就是定位的时代,定位成了营销界人人谈论的热闹话题。

    《营销管理》菲利普·科特勒

    关于营销领域的圣经。

    历史类

    《中国历代政治得失》钱穆

    是作者的专题演讲合集,分别就中国汉、唐、宋、明、清五代的政治组织、百官职权、考试监察、财经赋税、兵役义务等政治制度做了提要勾玄的概观和比照,言简意赅

    《万历十五年》黄仁宇

    这本书融会作者数十年人生经历与治学体会,以“大历史观”分析明代社会之政界,观察现代中国之来路,给人启发良多。

    《从黎明到衰落》雅克·巴尔赞

    作者对1500年以来整个西方文化研究的集大成之作,讲述五百年西方文化生活的方方面面。

    《晚清七十年》唐德刚

    近代史的导论篇,作者观照历史角度非同一般,语言极富个性和魅力。

    哲学类

    《苏菲的世界》乔斯坦·贾德

    讲14岁少女在某个神秘导师的指引下开始思索,从古希腊到康德,从祁克果道佛洛佛德等各位大师所思考的根本问题。

    《人生的智慧》叔本华

    作者以优雅的问题,格言式的笔触阐述了自己对人生的看法。

    《重新认识你自己》克里希纳穆提

    主张用自己的光来照亮自己,一生的教会旨在帮助人类从恐惧和无明中彻底解脱,体悟慈悲与至乐的境界。

    《活法》稻盛和夫

    除了每个人,还有企业国家甚至社会,全人类的生存之道。

    新闻主播类

    《记者生涯-目击世界六十年》沃尔特·克朗凯特

    从炮火连天的二战战场,到报道纽约伦堡大审判;从战后出任驻莫斯科首席记者,到主持哥伦比亚广播公司“晚间新闻”,沃尔特·克郎特始终恪守“准确与诚实”的信条,取得非凡的业绩,在80高龄写下来自己艰辛曲折和传奇色彩的人生历程。

    本文使用Blog_Backup未注册版本导出,请到soft.pt42.com注册。

  • 俩div左右两侧自适应高度对齐

    function $(mo_l){
    return document.getElementById(mo_l)
    }
    function getHeight() {
    if ($(“mo_l”).offsetHeight>=$(“mo_r”).offsetHeight){
    $(“mo_r”).style.height=$(“mo_l”).offsetHeight + “px”;
    }
    else{
    $(“mo_l”).style.height=$(“mo_r”).offsetHeight + “px”;
    }
    }
    window.onload = function() {
    getHeight();
    }

  • 遮罩层,滚动条问题

    今天遇到的问题是,在弹出层后面的 遮罩层,因为有滚动条,导致滚动条下面不可视区域没有遮罩层,解决方式是加的css。

    js代码

    </script>css代码

    #fullbg{ 

    background-color: Gray; 

    display:none; 

    z-index:3;  

    left:0px; 

    opacity:0.5; top:0; left:0;height:100%; width:100%; z-index:999; position:fixed; _position:absolute; _left: expression(documentElement.scrollLeft + documentElement.clientWidth – this.offsetWidth); _top: expression(documentElement.scrollTop + documentElement.clientHeight – this.offsetHeight);

    filter:Alpha(Opacity=30); 

    opacity: 0.3; 

     

    #dialog { 

    width:560px; 

    background:#eee; 

    display: none; 

    z-index: 5; 

    padding:16px;

    font-size:12px;

    z-index:1000; position:absolute;

    }

    #dialog sup{ color:#f00;}

    #dialog .close0{ position:relative; top:-24px; left:544px; height:38px; width:40px;}

     

    html代码

    <div id=”fullbg”></div> 

    <!– end JS遮罩层 –> 

    <!– 对话框 –> 

    <div id=”dialog”>

    <div class=”close0″><a href=”#” onclick=”closeBg();”><img src=”__IMG__/close.png” /></a></div>  

    <div id=”dialog_content”>

    <h3>个人信息</h3>

    <p>(备注:以下信息我们只用于根据需要给您发送相关服务材料,不会对外泄密,敬请理解)</p>

    <table width=”555″ border=”0″ cellspacing=”1″ cellpadding=”0″ class=”yh_table”>

                  <tr>

                    <td width=”65″ bgcolor=”#eeeeee”><sup>*</sup>用户ID</td>

                    <td width=”100″ bgcolor=”#fbfbfb”><b>{$member.MEMBER_NAME}</b></td>

                    <td width=”65″ bgcolor=”#eeeeee”><sup>*</sup>真实姓名</td>

                    <td width=”80″ bgcolor=”#fbfbfb”><b>{$info.NAMES}</b></td>

                    <td width=”60″ bgcolor=”#eeeeee”>性别</td>

                    <td bgcolor=”#fbfbfb”><b><php>echo $gender[$info[‘GENDER’]];</php></b></td>

                  </tr>

                  <tr>

                    <td bgcolor=”#eeeeee”><sup>*</sup>手机号码</td>

                    <td bgcolor=”#fbfbfb”><b>{$info.TELEPHONE}</b></td>

                    <td bgcolor=”#eeeeee”>电子邮箱</td>

                    <td colspan=”3″ bgcolor=”#fbfbfb”><b>{$member.EMAIL}</b></td>

                  </tr>

                  <tr>

                    <td colspan=”2″ bgcolor=”#eeeeee”><sup>*</sup>有效证件(身份证)</td>

                    <td colspan=”4″ bgcolor=”#fbfbfb”><b>{$info.IDS}</b></td>

                  </tr>

                  <tr>

                    <td bgcolor=”#eeeeee”>通讯地址</td>

                    <td colspan=”3″ bgcolor=”#fbfbfb”><b>{$info.ADDRESS}</b></td>

                    <td bgcolor=”#eeeeee”>邮编</td>

                    <td bgcolor=”#fbfbfb”><b>{$info.ZIPS}</b></td>

                  </tr>

                </table>

    </div> 

     

    </div> 

     

    静下心来,循序渐进。