<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" ><channel><title>zdx Purified</title> <atom:link href="http://blog.zdxia.com/feed" rel="self" type="application/rss+xml" /><link>http://blog.zdxia.com</link> <description>Was würde Jesus tun?</description> <lastBuildDate>Wed, 10 Mar 2010 10:00:00 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.0-alpha</generator> <item><title>Meredith Andrews &#8211; Can Anybody Hear Me</title><link>http://blog.zdxia.com/sound/756</link> <comments>http://blog.zdxia.com/sound/756#comments</comments> <pubDate>Mon, 08 Mar 2010 12:20:02 +0000</pubDate> <dc:creator>disinfeqt</dc:creator> <category><![CDATA[Sound]]></category> <category><![CDATA[Christian]]></category><guid isPermaLink="false">http://blog.zdxia.com/?p=756</guid> <description><![CDATA[一句话描述？“第一次听到如此有爆发力的 Christian &#38; Gospel 女声”。如此活力的声音和亲和的面孔加入 Christian Rock 大军，真是可喜可贺，可喜可贺啊！ 从维基里 quote  了她的一段话：“我从未想过写歌仅是写歌。我总是希望它们作为媒介来传达上帝对人们的爱，无论他们是否追随上帝。我认为最好的办法就是通过上帝的圣言。我 一直希望我的歌  曲能与上帝的话融合，因为如果仅是我说的话，它会是无效的。要问我有什么能告诉人们的，从而改变他们的生活？没有！但是，如果来自于上帝，那就是能改变他 们的。”上面这张图实在有点老气了，远不如声音给人的想象和专辑封面上来得年轻，其实人家还是小姑娘的&#8230;整砖质量极高，建议全收。 ]]></description> <content:encoded><![CDATA[<p>一句话描述？“第一次听到如此有爆发力的 Christian &amp; Gospel 女声”。</p><p style="text-align: center;"><img class="aligncenter" title="Meredith Andrews" src="http://pic.yupoo.com/disinfeqt/487458f85f84/f6ywofrc.jpg" alt="" width="465" height="576" /></p><p>如此活力的声音和亲和的面孔加入 Christian Rock 大军，真是可喜可贺，可喜可贺啊！</p><p>从维基里 quote  了她的一段话：“我从未想过写歌仅是写歌。我总是希望它们作为媒介来传达上帝对人们的爱，无论他们是否追随上帝。我认为最好的办法就是通过上帝的圣言。我 一直希望我的歌  曲能与上帝的话融合，因为如果仅是我说的话，它会是无效的。要问我有什么能告诉人们的，从而改变他们的生活？没有！但是，如果来自于上帝，那就是能改变他 们的。”<span id="more-756"></span></p><p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="257" height="33" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.xiami.com/widget/10906_1769398451/singlePlayer.swf" /><param name="wmode" value="transparent" /><embed type="application/x-shockwave-flash" width="257" height="33" src="http://www.xiami.com/widget/10906_1769398451/singlePlayer.swf" wmode="transparent"></embed></object></p><p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="257" height="33" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.xiami.com/widget/10906_1769398453/singlePlayer.swf" /><param name="wmode" value="transparent" /><embed type="application/x-shockwave-flash" width="257" height="33" src="http://www.xiami.com/widget/10906_1769398453/singlePlayer.swf" wmode="transparent"></embed></object></p><p>上面这张图实在有点老气了，远不如声音给人的想象和专辑封面上来得年轻，其实人家还是小姑娘的&#8230;</p><p style="text-align: center;"><img class="aligncenter" title="Meredith Andrews - As Long As It Takes" src="http://pic.yupoo.com/disinfeqt/201908f85f85/r4uty0mv.jpg" alt="" width="500" height="500" /></p><p>整砖质量极高，建议<a href="http://www.xiami.com/album/370828" target="_blank">全收</a>。</p> ]]></content:encoded> <wfw:commentRss>http://blog.zdxia.com/sound/756/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Matt Boswell &#8211; In Excelsis Deo</title><link>http://blog.zdxia.com/sound/754</link> <comments>http://blog.zdxia.com/sound/754#comments</comments> <pubDate>Mon, 08 Mar 2010 09:20:00 +0000</pubDate> <dc:creator>disinfeqt</dc:creator> <category><![CDATA[Sound]]></category> <category><![CDATA[Christian]]></category><guid isPermaLink="false">http://blog.zdxia.com/?p=754</guid> <description><![CDATA[&#8220;Gloria in excelsis Deo&#8221; (Latin for &#8220;Glory to God in the highest&#8221;) is the title and beginning of a hymn known also as the Greater Doxology  (as distinguished from the &#8220;Minor Doxology&#8221; or Gloria Patri) and the Angelic Hymn. 简而言之，In Excelsis Deo 这首歌名就是拉丁语的“至高无上的主的荣耀”，其他的 blahblah 你也不会想听。相信第一次听到这首 In Excelsis Deo 的时候，最大的感觉，平静，光明和归属感。无错，这便是 Christian Rock 的魔力，它不会让你激动地 pogo，也不会让你疯狂地耍头，那种直击心灵的感觉是用言语表达不了的。当然，前提是你的心里要为 &#8220;Almighty Lord&#8221; [...]]]></description> <content:encoded><![CDATA[<p>&#8220;Gloria in excelsis Deo&#8221; (Latin for &#8220;Glory to God in the highest&#8221;) is the title and beginning of a hymn known also as the Greater Doxology  (as distinguished from the &#8220;Minor Doxology&#8221; or Gloria Patri) and the Angelic Hymn.</p><p>简而言之，In Excelsis Deo 这首歌名就是拉丁语的“至高无上的主的荣耀”，其他的 blahblah 你也不会想听。</p><p style="text-align: center;"><img class="aligncenter" title="Matt Boswell - Gravity &amp; Gladness" src="http://pic.yupoo.com/disinfeqt/880308f83631/qsasyryf.jpg" alt="" width="500" height="500" /></p><p>相信第一次听到这首 In Excelsis Deo 的时候，最大的感觉，平静，光明和归属感。无错，这便是 Christian Rock 的魔力，它不会让你激动地 pogo，也不会让你疯狂地耍头，那种直击心灵的感觉是用言语表达不了的。当然，前提是你的心里要为 &#8220;Almighty Lord&#8221; 留有一处席位，否则听起来不过仅仅是首制作称得上精良的流行摇滚罢了。<span id="more-754"></span></p><p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="257" height="33" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.xiami.com/widget/10906_1769357081/singlePlayer.swf" /><param name="wmode" value="transparent" /><embed type="application/x-shockwave-flash" width="257" height="33" src="http://www.xiami.com/widget/10906_1769357081/singlePlayer.swf" wmode="transparent"></embed></object></p><p>顺便推荐专辑中同样超赞的 Our Glorious God / O God Of Our Salvation / Jesus Died My Soul To Save / Endless Mercy Of God 几首，整砖<a href="http://www.xiami.com/album/367221" target="_blank">在此</a>。</p><p style="text-align: center;"><img class="aligncenter" title="Matt Boswell" src="http://pic.yupoo.com/disinfeqt/633738f8363c/3h4t2yux.jpg" alt="" width="500" height="321" /></p><p>说句不算题外话的题外话，看到 Matt Boswell 照片的时候小震惊了一把，本以为如此规整和严肃的 worship 会是一位大叔级别的写的，抱着木吉他，留着络腮胡，可没想到&#8230;</p><p>另外，找工作的事儿也有了点儿眉目，我会天天抱着耳机祷告的&#8230;（笑）</p> ]]></content:encoded> <wfw:commentRss>http://blog.zdxia.com/sound/754/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Planetshakers &#8211; The Victory</title><link>http://blog.zdxia.com/sound/750</link> <comments>http://blog.zdxia.com/sound/750#comments</comments> <pubDate>Sun, 07 Mar 2010 12:40:20 +0000</pubDate> <dc:creator>disinfeqt</dc:creator> <category><![CDATA[Sound]]></category><guid isPermaLink="false">http://blog.zdxia.com/?p=750</guid> <description><![CDATA[你可以想象在一张录音专辑里充满了来自现场的气氛和激情吗？ 欢呼声，口哨声，啸叫声，主唱招呼声，更诡异的是这张专辑的主题纯粹是在赞美上帝。匪夷所思？没错，他们就是风靡澳洲，且经久不衰的 Planetshakers —— Adelaide’s Paradise Community  Church 创办的一支福音乐团。音乐用主流的流行摇滚曲风对赞美和膜拜进行柔和的诠释，该乐队在澳大利亚本土相当受欢迎。 其实我很欣慰看到像 Planetshakers 这样年轻、积极、向上、活力无限的 gospel band 出现，他们总是给人一种永远不知疲惫的形象，身上的能量仿佛来自心中无限坚定的信念，每句歌词唱出的，是年轻真好——感谢主赐予我们这一切。看看这些充满活力的句子，真的感觉心中有股力量在升腾。我相信并愿意去相信，它来自信仰，它来自天上。Where You are is liberty, Cause You have won the victory, We’re living in Your freedom We walk by faith and not by sight, Praise You Lord with all our might, We’re living in Your freedom Shout it out! We will sing it loud! Let the whole world know, That You [...]]]></description> <content:encoded><![CDATA[<p>你可以想象在一张<strong>录音</strong>专辑里充满了来自现场的气氛和激情吗？</p><p>欢呼声，口哨声，啸叫声，主唱招呼声，更诡异的是这张专辑的主题纯粹是在赞美上帝。</p><p style="text-align: center;"><img class="aligncenter" src="http://pic.yupoo.com/disinfeqt/477898f71288/5cejyvsg.jpg" alt="" width="500" height="375" /></p><p style="text-align: left;">匪夷所思？没错，他们就是风靡澳洲，且经久不衰的 Planetshakers —— Adelaide’s Paradise Community  Church 创办的一支福音乐团。音乐用主流的流行摇滚曲风对赞美和膜拜进行柔和的诠释，该乐队在澳大利亚本土相当受欢迎。</p><p>其实我很欣慰看到像 Planetshakers 这样年轻、积极、向上、活力无限的 gospel band 出现，他们总是给人一种永远不知疲惫的形象，身上的能量仿佛来自心中无限坚定的信念，每句歌词唱出的，是年轻真好——感谢主赐予我们这一切。<span id="more-750"></span></p><p style="text-align: center;"><img class="aligncenter" src="http://pic.yupoo.com/disinfeqt/403098f7128a/rgzkt7hb.jpg" alt="" width="500" height="500" /></p><p>看看这些充满活力的句子，真的感觉心中有股力量在升腾。我相信并愿意去相信，它来自信仰，它来自天上。</p><p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="257" height="33" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.xiami.com/widget/10906_1768999138/singlePlayer.swf" /><param name="wmode" value="transparent" /><embed type="application/x-shockwave-flash" width="257" height="33" src="http://www.xiami.com/widget/10906_1768999138/singlePlayer.swf" wmode="transparent"></embed></object></p><blockquote><p>Where You are is liberty,<br /> Cause You have won the victory,<br /> We’re living in Your freedom<br /> We walk by faith and not by sight,<br /> Praise You Lord with all our might,<br /> We’re living in Your freedom</p><p>Shout it out!<br /> We will sing it loud!<br /> Let the whole world know,<br /> That You saved our,<br /> Saved our soul!</p><p>Lord for everything You’ve done,<br /> We will sing Your praises<br /> Whoa-oh,<br /> Whoa-oh,<br /> We live in the freedom You’ve won<br /> And when all is said and done,<br /> You have overcome<br /> Whoa-oh,<br /> Whoa-oh,<br /> We live in the freedom You’ve won</p><p>We will, we&#8217;ll dance in the freedom,<br /> That You’ve won,<br /> We&#8217;ll dance in the freedom,<br /> Cause You have won,<br /> You have won it all,<br /> Shout it out! Shout it out!</p></blockquote><p>整砖试听在<a href="http://www.xiami.com/album/337572" target="_blank">这里</a>。</p> ]]></content:encoded> <wfw:commentRss>http://blog.zdxia.com/sound/750/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Rabr 主题壁纸</title><link>http://blog.zdxia.com/vision/737</link> <comments>http://blog.zdxia.com/vision/737#comments</comments> <pubDate>Tue, 02 Mar 2010 13:30:51 +0000</pubDate> <dc:creator>disinfeqt</dc:creator> <category><![CDATA[Vision]]></category> <category><![CDATA[Rabr]]></category> <category><![CDATA[Twitter]]></category> <category><![CDATA[wallpapers]]></category><guid isPermaLink="false">http://blog.zdxia.com/?p=737</guid> <description><![CDATA[无聊之作，希望大家喜欢1440&#215;900 分辨率 JPG 下载： rabr_wallpapers_1440&#215;900.zip 原始 PSD 文件下载： rabr_wallpapers_PSD.zip ]]></description> <content:encoded><![CDATA[<p style="text-align: center;">无聊之作，希望大家喜欢 <img src='http://blog.zdxia.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p><p style="text-align: center;"><img class="aligncenter" src="http://pic.yupoo.com/disinfeqt/731458f086fc/medium.jpg" alt="" width="500" height="313" /></p><p><span id="more-737"></span></p><p style="text-align: center;"><img class="aligncenter" src="http://pic.yupoo.com/disinfeqt/992958f086fd/medium.jpg" alt="" width="500" height="313" /></p><p style="text-align: center;"><img class="aligncenter" src="http://pic.yupoo.com/disinfeqt/873048f086fe/medium.jpg" alt="" width="500" height="313" /></p><p style="text-align: center;"><img class="aligncenter" src="http://pic.yupoo.com/disinfeqt/941388f086ff/medium.jpg" alt="" width="500" height="313" /></p><p style="text-align: center;"><img class="aligncenter" src="http://pic.yupoo.com/disinfeqt/650078f08701/medium.jpg" alt="" width="500" height="313" /></p><p style="text-align: center;">1440&#215;900 分辨率 JPG 下载： <a title="JPG" href="http://u.115.com/file/t797c9cf04" target="_blank">rabr_wallpapers_1440&#215;900.zip</a></p><p style="text-align: center;">原始 PSD 文件下载： <a title="PSD" href="http://u.115.com/file/t7a2a06c6b" target="_blank">rabr_wallpapers_PSD.zip</a></p> ]]></content:encoded> <wfw:commentRss>http://blog.zdxia.com/vision/737/feed</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>极简 Twitter AIR 客户端 Ada</title><link>http://blog.zdxia.com/share/717</link> <comments>http://blog.zdxia.com/share/717#comments</comments> <pubDate>Sat, 20 Feb 2010 14:21:17 +0000</pubDate> <dc:creator>disinfeqt</dc:creator> <category><![CDATA[Share]]></category> <category><![CDATA[ada]]></category> <category><![CDATA[Twitter]]></category><guid isPermaLink="false">http://blog.zdxia.com/?p=717</guid> <description><![CDATA[相信你也一定是一位身经百战的推友，用过各种炫丽无比或者功能完备的客户端，天天被 Twitter 上的各式各色光怪陆离所轰炸以至头昏脑胀，无数噪音吵闹地以至于迷惘了自己原本冷静的思路。禁不住呐喊：我只需要一个安静写推的地方或者工具，于是——ada。 ada 是一个披着 AIR 外壳的、完全基于 XHTML+JS+CSS 的客户端，轻巧、简约却不简单。Think. Then tweet. 这[应该]是你第一次打开 ada 所看到的一句话。ada 的整个设计充满了对极简主义的无限考量，能省则省，用不到的功能坚决隐藏，却又总是出现在你要用到的地方。 只需一点点 JS 和 CSS 基础，你就可以随心所欲的玩转 ada。修改主题，甚至键位、界面，熟悉的 DIV 结构和 CSS 语法修改起来得心应手。不过，要想在国内使用 ada 而不借助 VPN 的话，你还需要做一点小修改。 打开 X:\Program Files\ada\assets [X=安装盘] 内的 app.js，可以看到如下结构，就在第一行：var ada = function &#40;&#41; &#123; var ah = 120000, k = 100, [...]]]></description> <content:encoded><![CDATA[<p>相信你也一定是一位身经百战的推友，用过各种炫丽无比或者功能完备的客户端，天天被 Twitter 上的各式各色光怪陆离所轰炸以至头昏脑胀，无数噪音吵闹地以至于迷惘了自己原本冷静的思路。禁不住呐喊：我只需要一个安静写推的地方或者工具，于是——ada。</p><p>ada 是一个披着 AIR 外壳的、完全基于 XHTML+JS+CSS 的客户端，轻巧、简约却不简单。</p><p style="text-align: center;"><img class="aligncenter" title="ada" src="http://grab.by/2yhO" alt="" width="471" height="510" /></p><p>Think. Then tweet. 这[应该]是你第一次打开 ada 所看到的一句话。ada 的整个设计充满了对极简主义的无限考量，能省则省，用不到的功能坚决隐藏，却又总是出现在你要用到的地方。<span id="more-717"></span></p><p>只需一点点 JS 和 CSS 基础，你就可以随心所欲的玩转 ada。修改主题，甚至键位、界面，熟悉的 DIV 结构和 CSS 语法修改起来得心应手。不过，要想在国内使用 ada 而不借助 VPN 的话，你还需要做一点小修改。</p><p>打开 X:\Program Files\ada\assets [X=安装盘] 内的 app.js，可以看到如下结构，就在第一行：</p><div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> ada <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #003366; font-weight: bold;">var</span> ah <span style="color: #339933;">=</span> <span style="color: #CC0000;">120000</span><span style="color: #339933;">,</span>
        k <span style="color: #339933;">=</span> <span style="color: #CC0000;">100</span><span style="color: #339933;">,</span>
        C <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;prefs.json&quot;</span><span style="color: #339933;">,</span>
        e <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;http://search.twitter.com/search?q=%23&quot;</span><span style="color: #339933;">,</span>
        I <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;http://www.twitter.com/&quot;</span><span style="color: #339933;">,</span>
        F <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;http://api.twitter.com/1/&quot;</span><span style="color: #339933;">,</span>
...</pre></div></div><p>没错，将 e, I, F 三个变量修改成你的自建 Twitter API 地址即可，twip 可以正常使用。</p><p>如上图所示，ada 内置4个主题，但是对中文的支持稍显糟糕，还有很多比如按钮位置和RT按钮都不是很近人意。在下边放出我自己修改的一个主题，下载解压后将整个文件夹复制到 X:\Program Files\ada\assets\themes 即可。</p><p>ada 官网： <a title="madan.org - Ada Twitter app for Mac and PC" href="http://madan.org/ada/" target="_blank">http://madan.org/ada/</a></p><p>定制主题下载： <a title="disinfeqt's ada theme" href="http://orz.se/theme4ada" target="_blank">http://orz.se/theme4ada</a></p><p>同时，ada 有一个原生的 Mac 版同门师兄 Itsy，@livid 在<a href="http://picky.olivida.com/itsy" target="_blank">这里</a>推荐过。<br /> Enjoy your <del>minimal</del> tweeting experience <img src='http://blog.zdxia.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /></p> ]]></content:encoded> <wfw:commentRss>http://blog.zdxia.com/share/717/feed</wfw:commentRss> <slash:comments>16</slash:comments> </item> <item><title>大帝归来 BT &#8211; Love Can Kill You</title><link>http://blog.zdxia.com/sound/686</link> <comments>http://blog.zdxia.com/sound/686#comments</comments> <pubDate>Tue, 02 Feb 2010 13:36:39 +0000</pubDate> <dc:creator>disinfeqt</dc:creator> <category><![CDATA[Sound]]></category> <category><![CDATA[BT]]></category> <category><![CDATA[Dance]]></category> <category><![CDATA[Electronica]]></category><guid isPermaLink="false">http://blog.zdxia.com/?p=686</guid> <description><![CDATA[ 首先，我不是 BT 的狂热粉丝。第一次听说 BT 是在网上无意间听到 Stealth 的 OST，然后又顺藤摸瓜的找到 BT 给 NFS 做的 soundtrack（没办法，那会儿特迷原声之类的），听过之后也就不了了之了，要知道我对电子的大爱几乎是从08年才开始的。 但是，我是承认 BT 在电音界“无冕之王”的地位的。对电音但凡有点了解的人，都知道电音最高的境界其实是玩儿人声。单纯的摆弄采样，弄几个鼓垫哪怕写出 200BPM 的复杂鼓点儿来也没人说你多NB。Tiesto 当年的地位不就是一曲 Love Comes Again 奠定的么？ 去年的暑假，我整整听了一个月的 Above &#38; Beyond pres OceanLab，以至于后来出了新的 ASOT 再听到女声 Trance 都有点儿腻歪了。不得不说的是，女声最强的还是 Above &#38; Beyond，即便是 BT 也无法超越。但是 BT 的强大之处又不仅仅是这些，前些年的电音潮流是把原始采样七扭八扭弄地跟原来一点儿都不一样，似乎不变形就对不起 Electronica 这个词儿了&#8230; 就算是把电音当金属玩儿的 Celldweller，也是在吉他音效上下足了工夫。这么做的一个“弊端”就是，一曲听下来，你连人家用的什么乐器都不知道，尽管你可以跳起来喊着：电音要什么乐器，但是拜托，能用原始采样做出花儿来的才是神。BT 做到了。之所以推荐 Love Can Kill You 这首歌，就是因为开头的原始吉他采样深深打动了我，这种灵性到极致的大胆搭配简直让人深深折服。还有 Intro 部分的鼓，都有种让人错以为在听一张流行摇滚专辑的感觉。 你敢说，高潮 3/4 的部分，鼓点四连击想起的时候，你心底没有萌生出一种异样的感动吗？POP 没有错，电音 POP 更是无可厚非；让人跟着摇摆的声音，应该响遍全球才是。 ]]></description> <content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter" title="Brian Transeau aka. BT" src="http://pic.yupoo.com/disinfeqt/577708cb9563/vk807gn7.jpg" alt="" width="500" height="333" /></p><p>首先，我不是 BT 的狂热粉丝。第一次听说 BT 是在网上无意间听到 Stealth 的 OST，然后又顺藤摸瓜的找到 BT 给 NFS 做的 soundtrack（没办法，那会儿特迷原声之类的），听过之后也就不了了之了，要知道我对电子的大爱几乎是从08年才开始的。</p><p>但是，我是承认 BT 在电音界“无冕之王”的地位的。对电音但凡有点了解的人，都知道电音最高的境界其实是玩儿人声。单纯的摆弄采样，弄几个鼓垫哪怕写出 200BPM 的复杂鼓点儿来也没人说你多NB。Tiesto 当年的地位不就是一曲 Love Comes Again 奠定的么？</p><p>去年的暑假，我整整听了一个月的 Above &amp; Beyond pres OceanLab，以至于后来出了新的 ASOT 再听到女声 Trance 都有点儿腻歪了。不得不说的是，女声最强的还是 Above &amp; Beyond，即便是 BT 也无法超越。但是 BT 的强大之处又不仅仅是这些，前些年的电音潮流是把原始采样七扭八扭弄地跟原来一点儿都不一样，似乎不变形就对不起 Electronica 这个词儿了&#8230; 就算是把电音当金属玩儿的 Celldweller，也是在吉他音效上下足了工夫。这么做的一个“弊端”就是，一曲听下来，你连人家用的什么乐器都不知道，尽管你可以跳起来喊着：电音要什么乐器，但是拜托，能用原始采样做出花儿来的才是神。<span id="more-686"></span></p><p style="text-align: center;"><img class="aligncenter" title="BT - These Hopeful Machines" src="http://pic.yupoo.com/disinfeqt/908908cb9568/k4opqxm9.jpg" alt="" width="450" height="450" /></p><p>BT 做到了。之所以推荐 Love Can Kill You 这首歌，就是因为开头的原始吉他采样深深打动了我，这种灵性到极致的大胆搭配简直让人深深折服。还有 Intro 部分的鼓，都有种让人错以为在听一张流行摇滚专辑的感觉。</p><p>你敢说，高潮 3/4 的部分，鼓点四连击想起的时候，你心底没有萌生出一种异样的感动吗？</p><p><embed src="http://www.xiami.com/widget/10906_1769343611/singlePlayer.swf" type="application/x-shockwave-flash" width="257" height="33" wmode="transparent"></embed></p><p>POP 没有错，电音 POP 更是无可厚非；让人跟着摇摆的声音，应该响遍全球才是。</p> ]]></content:encoded> <wfw:commentRss>http://blog.zdxia.com/sound/686/feed</wfw:commentRss> <slash:comments>7</slash:comments> </item> <item><title>Anberlin &#8211; Feel Good Drag (Acoustic)</title><link>http://blog.zdxia.com/sound/682</link> <comments>http://blog.zdxia.com/sound/682#comments</comments> <pubDate>Sun, 31 Jan 2010 14:15:29 +0000</pubDate> <dc:creator>disinfeqt</dc:creator> <category><![CDATA[Sound]]></category> <category><![CDATA[Christian]]></category> <category><![CDATA[Emo]]></category> <category><![CDATA[Rock]]></category><guid isPermaLink="false">http://blog.zdxia.com/?p=682</guid> <description><![CDATA[年关，在家宅着，完了就开始狂下歌听。 可能之前错过了太多好戏，也或者压根就没有，到了年底的音乐市场岂是一个惨淡能形容得来的。没办法，字母随机法不好使，还是瞅着封面来吧。看到 Anberlin，随手试听了一下，有种强烈的熟悉的味道，仔细品了品，原来像极了之前的 The Blackout。但是！很重要的，Anberlin 依然是根正苗红的 Christian Rock 或者，Christian Emo？原来美国人民的品位终于回归 EMO 大军了呀，据说这张 New Surrender 卖相狠是不错呢。于是下载下来听，如同中原大哥说的，我不能让电子和软绵绵的 CR 萎靡了我，我得热血，我得燃烧，我得&#8230; 咳，EMO 也算吧。一张砖听下来，到了这首 Feel Good Drag 之 Acoustic 版，很是一怔，随着歌词想了很多。 Was this over before&#8230; before it ever began? Your kiss, your calls, your clutch Like the devil&#8217;s got your hand This was over before Before it ever began Your lips, your lies, your lust Like the devil&#8217;s in your [...]]]></description> <content:encoded><![CDATA[<p>年关，在家宅着，完了就开始狂下歌听。</p><p>可能之前错过了太多好戏，也或者压根就没有，到了年底的音乐市场岂是一个惨淡能形容得来的。没办法，字母随机法不好使，还是瞅着封面来吧。看到 Anberlin，随手试听了一下，有种强烈的熟悉的味道，仔细品了品，原来像极了之前的 The Blackout。</p><p style="text-align: center;"><img class="aligncenter" title="Anberlin" src="http://pic.yupoo.com/disinfeqt/802668c905a9/yhqg9fs7.jpg" alt="" width="500" height="348" /></p><p>但是！很重要的，Anberlin 依然是根正苗红的 Christian Rock 或者，Christian Emo？原来美国人民的品位终于回归 EMO 大军了呀，据说这张 New Surrender 卖相狠是不错呢。于是下载下来听，如同中原大哥说的，我不能让电子和软绵绵的 CR 萎靡了我，我得热血，我得燃烧，我得&#8230; 咳，EMO 也算吧。<span id="more-682"></span></p><p><embed src="http://www.xiami.com/widget/10906_1769303835/singlePlayer.swf" type="application/x-shockwave-flash" width="257" height="33" wmode="transparent"></embed></p><p>一张砖听下来，到了这首 Feel Good Drag 之 Acoustic 版，很是一怔，随着歌词想了很多。</p><blockquote><p>Was this over before&#8230;<br /> before it ever began?<br /> Your kiss, your calls, your clutch<br /> Like the devil&#8217;s got your hand<br /> This was over before<br /> Before it ever began<br /> Your lips, your lies, your lust<br /> Like the devil&#8217;s in your hands</p></blockquote><p><span style="text-decoration: line-through;">咳，今年就这么过去吧。</span></p> ]]></content:encoded> <wfw:commentRss>http://blog.zdxia.com/sound/682/feed</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>中原夜谈记</title><link>http://blog.zdxia.com/log/674</link> <comments>http://blog.zdxia.com/log/674#comments</comments> <pubDate>Sun, 31 Jan 2010 13:48:17 +0000</pubDate> <dc:creator>disinfeqt</dc:creator> <category><![CDATA[Log]]></category> <category><![CDATA[criticism]]></category> <category><![CDATA[Hardcore]]></category> <category><![CDATA[Metal]]></category> <category><![CDATA[Punk]]></category><guid isPermaLink="false">http://blog.zdxia.com/?p=674</guid> <description><![CDATA[回家过年，打包滚蛋。 每年的火车之旅都是最痛苦的经历。肮脏、拥挤、异味，猥琐和疲倦的眼神扫来扫去，嘈杂的电话永远响个不停，那桌的牌局似乎没有尽头，每次到关键时刻我的手机跟 iPod 总是同时电力告罄。 蛋逼的夜晚啊，除了跟对面没什么姿色可言的女生神情对望会儿，然后看手机里的道林·格雷之外，似乎再也没有更好的娱乐活动。 这时我听见有人在聊金属。猥亵地旁听了一会儿，不小心把其实是搞营销的大哥误以为是玩儿传销的了。10点半一到，车厢里的灯熄得真及时，摸着黑冲上前去，聊呗，谁认识谁啊？ 然后就认识了这位中原大哥，还有他的乐队——管制。哥几个刚才是在讨论音乐的意识形态问题吧，如此高深的话题我总不能开场就傻逼一样的大叫：“啊！硬核就是愤怒的年轻人走上前线之前的军歌！”，对我而言，硬核似乎就是抗议这类事情的一种表达方式，它是一种存在于它对一切压迫的反抗中的政治，没有谁能够操纵它，没人能使它商品化，没人能让它变成狭义的利益保护者的猪窝里的又一桶稀泥。 如果放在美国谈硬核——或者各种您自愿组合的不伦不类的 X + core 请自便——我可以坦然接受：不甘现状的年轻人，当玩儿朋克已经成了恶心丢人的行当，愤怒之余不妨把鼓敲得再狠点儿，吉他的失真陪衬着巨量的 LFO 颤栗着，歌词中无限的不屑和满腔的怒火随时准备宣泄，哥儿几个就是一触即发的炸药桶嘛，看看 Abrasive Wheel 当年的风光照片儿应该能找回那么点儿感嚼。 但是在中国？没搞错吧？那天在推上写了一段话还没引来争议就被我删了，就是为今天备着呢。中国本无摇滚，这完全舶来的玩意儿似乎一直在中国水土不服，别跟我提中国乐坛，就算是独立自主的音乐思维也自从出生起就没再发育过，听听歌词，现在大大小小所谓朋克和硬核嘴里念叨的，跟崔健老爷子当前有多大区别？没有瞧不起谁的意思，这东西实在不是人人能玩得转的。 一直觉得畸形的社会造就各种畸形的行业，包括音乐界。今天不提那些恶心人的潜规则和大小腕儿，中原大哥一个反问值得警醒，你丫说说，在当今社会，买套房子，买辆车子，娶个漂亮媳妇或者找个男朋友就成“理想”了？！我操，我真想把你丫飞踹出去，别搁这儿玷污“理想”这个词儿了成不成？谁把这一代“培养”成了这样？你买车买房娶媳妇了，安定下来了，搁家呆着吧，好好上班，乖乖给你发钱，别闹，别乱。这都是谁的旨意（噗）我不知道我真不知道。 但是同时，就跟我问起中原大哥，你们是玩儿什么风格的呀？他支支吾吾半天然后挤个：硬核，过一会儿，额，新金？我X&#8230;（X=忍），行吧，就算是硬核吧，不指望恁提前抱着《音乐风格家谱/大全》之类的东西往自己身上套，喂喂喂，选风格了啊，选好风格好写歌了啊。如果要表达愤怒，警醒世人，燃起小犊子们斗志，又不甘自称为“朋克”，玩玩儿人家过气的新金和跟朋克本是同根生的硬核，无可厚非。 在这种社会环境下，既然 Mentor 级别的称号都被那几个拿着木吉他的老家伙们抢走了（没错就是李宗盛什么的几个大傻逼），我们当个 underground 的救世主也不错，但觉醒的一代估计仅限于挤着公车穿过半个城市、在喧嘈的酒吧之类的地方、买瓶燕京、甩乱头发跟着 POGO 呲血干嚎的小大学生吧？不过鉴于中国的大学生身份一落千丈，哥自己靠这文凭出去根本讨不来饭吃，改变世界的梦想估计从小学那会儿就破灭了，操你X的“我的理想是当科学家”，老子才不干呢！你丫才是科学家！你全家都是科学家！ 继续上面的“论梦想”和“梦想论”，咱们谈点儿实际的，既然不想漂白，加点电音就成 Pop 了；又不甘做一辈子 Underground，说是“地下”，这名儿听着听唬人的，也就是蒙蒙那些小屁孩儿们，真正靠这个吃饭的才知道“地下”不过是跟“自慰”一个性质的词儿。谁愿意地下啊？甘愿地下的话，你跑的什么场子？给内些假大牌暖的什么场？凑什么钱录什么EP？做什么梦等着谁来签你？ 醒醒吧，哥们儿，这[TMD]的是中国，Ma De in Zhongguo！ 以上。乱七八糟一堆，估计中原大哥看了一准儿吐血。 ]]></description> <content:encoded><![CDATA[<p>回家过年，打包滚蛋。</p><p>每年的火车之旅都是最痛苦的经历。肮脏、拥挤、异味，猥琐和疲倦的眼神扫来扫去，嘈杂的电话永远响个不停，那桌的牌局似乎没有尽头，每次到关键时刻我的手机跟 iPod 总是同时电力告罄。</p><p>蛋逼的夜晚啊，除了跟对面没什么姿色可言的女生神情对望会儿，然后看手机里的道林·格雷之外，似乎再也没有更好的娱乐活动。</p><p>这时我听见有人在聊金属。猥亵地旁听了一会儿，不小心把其实是搞营销的大哥误以为是玩儿传销的了。10点半一到，车厢里的灯熄得真及时，摸着黑冲上前去，聊呗，谁认识谁啊？</p><p>然后就认识了这位<a title="zhongyuan1949 @ Douban" href="http://www.douban.com/people/zhongyuan1949/" target="_blank">中原</a>大哥，还有他的乐队——<a href="http://www.douban.com/artist/contro/" target="_blank">管制</a>。</p><p style="text-align: center;"><img class="aligncenter" src="http://pic.yupoo.com/disinfeqt/095528c13a94/nn7jbqzc.jpg" alt="" width="499" height="333" /></p><p>哥几个刚才是在讨论音乐的意识形态问题吧，如此高深的话题我总不能开场就傻逼一样的大叫：“啊！硬核就是愤怒的年轻人走上前线之前的军歌！”，对我而言，硬核似乎就是抗议这类事情的一种表达方式，它是一种存在于它对一切压迫的反抗中的政治，没有谁能够操纵它，没人能使它商品化，没人能让它变成狭义的利益保护者的猪窝里的又一桶稀泥。</p><p>如果放在美国谈硬核——或者各种您自愿组合的不伦不类的 X + core 请自便——我可以坦然接受：不甘现状的年轻人，当玩儿朋克已经成了恶心丢人的行当，愤怒之余不妨把鼓敲得再狠点儿，吉他的失真陪衬着巨量的 LFO 颤栗着，歌词中无限的不屑和满腔的怒火随时准备宣泄，哥儿几个就是一触即发的炸药桶嘛，看看 Abrasive Wheel 当年的风光照片儿应该能找回那么点儿感嚼。</p><p>但是在中国？没搞错吧？那天在推上写了一段话还没引来争议就被我删了，就是为今天备着呢。中国本无摇滚，这完全舶来的玩意儿似乎一直在中国水土不服，别跟我提中国乐坛，就算是独立自主的音乐思维也自从出生起就没再发育过，听听歌词，现在大大小小所谓朋克和硬核嘴里念叨的，跟崔健老爷子当前有多大区别？没有瞧不起谁的意思，这东西实在不是人人能玩得转的。</p><p>一直觉得畸形的社会造就各种畸形的行业，包括音乐界。今天不提那些恶心人的潜规则和大小腕儿，中原大哥一个反问值得警醒，你丫说说，在当今社会，买套房子，买辆车子，娶个漂亮媳妇或者找个男朋友就成“理想”了？！我操，我真想把你丫飞踹出去，别搁这儿玷污“理想”这个词儿了成不成？谁把这一代“培养”成了这样？你买车买房娶媳妇了，安定下来了，搁家呆着吧，好好上班，乖乖给你发钱，别闹，别乱。这都是谁的旨意（噗）我不知道我真不知道。</p><p>但是同时，就跟我问起中原大哥，你们是玩儿什么风格的呀？他支支吾吾半天然后挤个：硬核，过一会儿，额，新金？我X&#8230;（X=忍），行吧，就算是硬核吧，不指望恁提前抱着《音乐风格家谱/大全》之类的东西往自己身上套，喂喂喂，选风格了啊，选好风格好写歌了啊。如果要表达愤怒，警醒世人，燃起小犊子们斗志，又不甘自称为“朋克”，玩玩儿人家过气的新金和跟朋克本是同根生的硬核，无可厚非。</p><p>在这种社会环境下，既然 Mentor 级别的称号都被那几个拿着木吉他的老家伙们抢走了（没错就是李宗盛什么的几个大傻逼），我们当个 underground 的救世主也不错，但觉醒的一代估计仅限于挤着公车穿过半个城市、在喧嘈的酒吧之类的地方、买瓶燕京、甩乱头发跟着 POGO 呲血干嚎的小大学生吧？不过鉴于中国的大学生身份一落千丈，哥自己靠这文凭出去根本讨不来饭吃，改变世界的梦想估计从小学那会儿就破灭了，操你X的“我的理想是当科学家”，老子才不干呢！你丫才是科学家！你全家都是科学家！</p><p>继续上面的“论梦想”和“梦想论”，咱们谈点儿实际的，既然不想漂白，加点电音就成 Pop 了；又不甘做一辈子 Underground，说是“地下”，这名儿听着听唬人的，也就是蒙蒙那些小屁孩儿们，真正靠这个吃饭的才知道“地下”不过是跟“自慰”一个性质的词儿。谁愿意地下啊？甘愿地下的话，你跑的什么场子？给内些假大牌暖的什么场？凑什么钱录什么EP？做什么梦等着谁来签你？</p><p>醒醒吧，哥们儿，这[TMD]的是中国，Ma De in Zhongguo！</p><p>以上。乱七八糟一堆，估计中原大哥看了一准儿吐血。</p> ]]></content:encoded> <wfw:commentRss>http://blog.zdxia.com/log/674/feed</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Rabr 动态标题栏的实现</title><link>http://blog.zdxia.com/code/654</link> <comments>http://blog.zdxia.com/code/654#comments</comments> <pubDate>Tue, 12 Jan 2010 08:52:16 +0000</pubDate> <dc:creator>disinfeqt</dc:creator> <category><![CDATA[Code]]></category> <category><![CDATA[JavaScript]]></category> <category><![CDATA[jQuery]]></category> <category><![CDATA[Rabr]]></category> <category><![CDATA[Twitter]]></category><guid isPermaLink="false">http://blog.zdxia.com/?p=654</guid> <description><![CDATA[ 先来看一下这个链接，不出意外的话，你会看到标题栏为 “Rabr / disinfeqt: 我真好奇，不会英语是怎么学到黑客技术的，花钱买黑防的VIP？ &#8230;”。 对，也就是“标题是文内推的梗概”，Twitter 这么做的原因是：直接将内容输出为标题会提升关键词的分量，而且让访客可以一目了然。 尽管 Rabr 是不[敢]开放搜索接口的，而且单条推不登录是无法查看的，但至少不能每次点开单条推都是 Rabr / XXX&#8217;s Tweet 这样子吧？ 为了实现这个效果，我之前用PHP做了很多尝试，过程是这样的：调用 getTwitter()，然后指定 Status_ID，得到用户名和推，然后输出到标题栏&#8230; 好吧，为什么不用更轻量级的解决方案——JS呢？以下是全部代码，将标题固定为 Rabr / Tweet 然后把代码放置在底部即可：var username = $&#40;&#34;.user_name&#34;&#41;.html&#40;&#41;; var tweet = $&#40;&#34;.tweet&#34;&#41;.text&#40;&#41;; if &#40;tweet.length &#62; 30&#41; &#123; tweet = tweet.substr&#40;0,30&#41; + &#34; ...&#34;; &#125; document.title = document.title.replace&#40;/Tweet/, username + &#34;: &#34; + tweet&#41;;A tiny piece of cake, ain&#8217;t JavaScript magical? ]]></description> <content:encoded><![CDATA[<p><img class="alignnone" src="http://pic.yupoo.com/disinfeqt/951968afacf8/medium.jpg" alt="" width="500" height="219" /></p><p>先来看一下<a href="https://rabr.in/oauth-test/status.php?id=7661850015" target="_blank">这个</a>链接，不出意外的话，你会看到标题栏为 “Rabr / disinfeqt: 我真好奇，不会英语是怎么学到黑客技术的，花钱买黑防的VIP？ &#8230;”。</p><p>对，也就是“标题是文内推的梗概”，Twitter 这么做的原因是：直接将内容输出为标题会提升关键词的分量，而且让访客可以一目了然。</p><p>尽管 Rabr 是不[敢]开放搜索接口的，而且单条推不登录是无法查看的，但至少不能每次点开单条推都是 Rabr / XXX&#8217;s Tweet 这样子吧？</p><p>为了实现这个效果，我之前用PHP做了很多尝试，过程是这样的：调用 getTwitter()，然后指定 Status_ID，得到用户名和推，然后输出到标题栏&#8230;</p><p>好吧，为什么不用更轻量级的解决方案——JS呢？<br /> <span id="more-654"></span></p><p>以下是全部代码，将标题固定为 Rabr / Tweet 然后把代码放置在底部即可：</p><div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> username <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;.user_name&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">html</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> tweet <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;.tweet&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">text</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>tweet.<span style="color: #660066;">length</span> <span style="color: #339933;">&gt;</span> <span style="color: #CC0000;">30</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
tweet <span style="color: #339933;">=</span> tweet.<span style="color: #660066;">substr</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #339933;">,</span><span style="color: #CC0000;">30</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; ...&quot;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
document.<span style="color: #660066;">title</span> <span style="color: #339933;">=</span> document.<span style="color: #660066;">title</span>.<span style="color: #660066;">replace</span><span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/Tweet/</span><span style="color: #339933;">,</span> username <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;: &quot;</span> <span style="color: #339933;">+</span> tweet<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div><p>A tiny piece of cake, ain&#8217;t JavaScript magical? <img src='http://blog.zdxia.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p> ]]></content:encoded> <wfw:commentRss>http://blog.zdxia.com/code/654/feed</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>仿 Twitter 官网最新状态实现手记</title><link>http://blog.zdxia.com/code/649</link> <comments>http://blog.zdxia.com/code/649#comments</comments> <pubDate>Sun, 10 Jan 2010 14:34:39 +0000</pubDate> <dc:creator>disinfeqt</dc:creator> <category><![CDATA[Code]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[jQuery]]></category> <category><![CDATA[Rabr]]></category> <category><![CDATA[Twitter]]></category><guid isPermaLink="false">http://blog.zdxia.com/?p=649</guid> <description><![CDATA[曾经发誓在这个博客不写技术的，嗯。 读这个博客的人估计都知道我是 Rabr 的作者。但是诚实的讲，我不懂 PHP 和 JS，最了解的 CSS 也只是半调子水平。不懂 JS，于是界面做起来很头疼，CSS 不是万能的，要实现动态效果只能用 JS，于是没看任何书就一头扎进 jQuery 的汪洋。 下面是我为 Rabr 添加的新功能“最新状态”的实现手记，权当记录。 先看看 Twitter 官网输入框下方的 Latest Status：在点击之后的样子是：对，状态展开，然后链接变成了可点击的样式。 实现的思路是：用 JS 截断文字，尾部用 &#8230; 显示；放置一个隐藏的 span 存放不截断的完整状态，然后为整个区域添加点击 toggle() 事件，控制两个 span 的可见性切换。 同时，因为在 Rabr 中更新状态时这里也会动态变化，因此还需要添加一个内部使用的 function 使推在显示出来的时候就是用 &#8230; 截断的，而不是显示出来之后再被截断。首先，构建 DIV 样式：&#60;div id=&#34;currently&#34;&#62; &#60;span id=&#34;full_status&#34;&#62;&#60;strong&#62;Latest:&#60;/strong&#62;&#60;/span&#62; &#60;span id=&#34;latest_text&#34;&#62; &#60;span class=&#34;status-text&#34;&#62;&#60;strong&#62;What is happening?&#60;/strong&#62;&#60;/span&#62; &#60;span class=&#34;full-text&#34;&#62;&#60;strong&#62;What is happening?&#60;/strong&#62;&#60;/span&#62; &#60;span id=&#34;latest_meta&#34; class=&#34;entry-meta&#34;&#62;&#60;strong&#62;1 minute ago&#60;/strong&#62;&#60;/span&#62; &#60;/span&#62; &#60;/div&#62;然后写 CSS：#currently &#123; color:#666666; float:left; font-size:11px; margin:3px 8px 0 10px; overflow:hidden; padding:2px [...]]]></description> <content:encoded><![CDATA[<p>曾经发誓在这个博客不写技术的，嗯。</p><p>读这个博客的人估计都知道我是 Rabr 的作者。但是诚实的讲，我不懂 PHP 和 JS，最了解的 CSS 也只是半调子水平。不懂 JS，于是界面做起来很头疼，CSS 不是万能的，要实现动态效果只能用 JS，于是没看任何书就一头扎进 jQuery 的汪洋。</p><p>下面是我为 Rabr 添加的新功能“最新状态”的实现手记，权当记录。</p><p>先看看 Twitter 官网输入框下方的 Latest Status：</p><p><img class="alignnone" title="Twitter" src="http://pic.yupoo.com/disinfeqt/214388ad51dc/medium.jpg" alt="" width="500" height="181" /></p><p>在点击之后的样子是：</p><p><img class="alignnone" src="http://pic.yupoo.com/disinfeqt/581098ad51e6/rf7a3nzc.jpg" alt="" width="336" height="33" /></p><p>对，状态展开，然后链接变成了可点击的样式。</p><p>实现的思路是：用 JS 截断文字，尾部用 &#8230; 显示；放置一个隐藏的 span 存放不截断的完整状态，然后为整个区域添加点击 toggle() 事件，控制两个 span 的可见性切换。</p><p>同时，因为在 Rabr 中更新状态时这里也会动态变化，因此还需要添加一个内部使用的 function 使推在显示出来的时候就是用 &#8230; 截断的，而不是显示出来之后再被截断。<br /> <span id="more-649"></span></p><p>首先，构建 DIV 样式：</p><div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>div id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;currently&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>span id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;full_status&quot;</span><span style="color: #339933;">&gt;&lt;</span>strong<span style="color: #339933;">&gt;</span>Latest<span style="color: #339933;">:&lt;/</span>strong<span style="color: #339933;">&gt;&lt;/</span>span<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>span id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;latest_text&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>span <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;status-text&quot;</span><span style="color: #339933;">&gt;&lt;</span>strong<span style="color: #339933;">&gt;</span>What is happening?<span style="color: #339933;">&lt;/</span>strong<span style="color: #339933;">&gt;&lt;/</span>span<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>span <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;full-text&quot;</span><span style="color: #339933;">&gt;&lt;</span>strong<span style="color: #339933;">&gt;</span>What is happening?<span style="color: #339933;">&lt;/</span>strong<span style="color: #339933;">&gt;&lt;/</span>span<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>span id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;latest_meta&quot;</span> <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;entry-meta&quot;</span><span style="color: #339933;">&gt;&lt;</span>strong<span style="color: #339933;">&gt;</span><span style="color: #cc66cc;">1</span> minute ago<span style="color: #339933;">&lt;/</span>strong<span style="color: #339933;">&gt;&lt;/</span>span<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>span<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span></pre></div></div><p>然后写 CSS：</p><div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#currently</span> <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#666666</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">11px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #933;">3px</span> <span style="color: #933;">8px</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span><span style="color: #993333;">hidden</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">2px</span> <span style="color: #933;">4px</span> <span style="color: #933;">2px</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">385px</span><span style="color: #00AA00;">;</span>
word-wrap<span style="color: #3333ff;">:break-</span>word<span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">cursor</span><span style="color: #00AA00;">:</span><span style="color: #993333;">pointer</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#latest_meta</span> a<span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#999999</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.status-text</span> a<span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#666666</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.status-text</span> <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">inline</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #6666ff;">.full-text</span> <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">&#125;</span></pre></div></div><p>最后是 JS 的实现，写的比较粗糙：</p><div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">//Make this area clickable</span>
$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#latest_status&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">toggle</span><span style="color: #009900;">&#40;</span>
<span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
 $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#currently .status-text&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;display&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;none&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#currently .full-text&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;display&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;inline&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
<span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
 $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#currently .status-text&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;display&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;inline&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
 $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#currently .full-text&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;display&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;none&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">//Internal function</span>
<span style="color: #003366; font-weight: bold;">var</span> limitation <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>text<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>text.<span style="color: #660066;">replace</span><span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/[^\x00-\xFF]/g</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;aa&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">length</span> <span style="color: #339933;">&gt;</span> <span style="color: #CC0000;">80</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
text <span style="color: #339933;">=</span> text.<span style="color: #660066;">substr</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #339933;">,</span><span style="color: #CC0000;">80</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; ...&quot;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000066; font-weight: bold;">return</span> text<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">//Global function</span>
$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">location</span>.<span style="color: #660066;">href</span>.<span style="color: #660066;">indexOf</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;index&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&gt;</span> <span style="color: #CC0000;">0</span> <span style="color: #339933;">||</span> document.<span style="color: #660066;">location</span>.<span style="color: #660066;">href</span>.<span style="color: #660066;">indexOf</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;all&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&gt;</span> <span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #003366; font-weight: bold;">var</span> temp <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#currently .status-text&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">html</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>temp.<span style="color: #660066;">replace</span><span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/[^\x00-\xFF]/g</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;aa&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">length</span> <span style="color: #339933;">&gt;</span> <span style="color: #CC0000;">80</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
temp <span style="color: #339933;">=</span> temp.<span style="color: #660066;">substr</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #339933;">,</span><span style="color: #CC0000;">80</span><span style="color: #009900;">&#41;</span>  <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; ...&quot;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#currently .status-text&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">html</span><span style="color: #009900;">&#40;</span>temp<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span></pre></div></div><p>这只是非常初级的一个实现，目前已知的问题有：</p><p>1. 展开后的推中包含的链接不可点击</p><p>2. URL 会被从内部截断（即PHP中包含的 href 被截断导致整个 a 链接不能显示）</p><p>最终样式如下：</p><p><img class="alignnone" title="Rabr" src="http://pic.yupoo.com/disinfeqt/684958ae31f7/medium.jpg" alt="" width="500" height="218" /></p><p>点击之后：</p><p><img class="alignnone" src="http://pic.yupoo.com/disinfeqt/803048ad5a5f/il3kkez5.jpg" alt="" width="402" height="46" /></p><p>继续努力吧 <img src='http://blog.zdxia.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p><p><strong>Update:</strong></p><p>所有BUG已修复，重新微调和计算了截断的长度，并且使用了 stopPropagation 防止父子传递，使得链接可点。（感谢 @luosheng）<br /> 同时把状态时间也加入了 toggle() 的区域内。</p><div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>div id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;currently&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>span id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;full_status&quot;</span><span style="color: #339933;">&gt;&lt;</span>strong<span style="color: #339933;">&gt;</span>Latest<span style="color: #339933;">:&lt;/</span>strong<span style="color: #339933;">&gt;&lt;/</span>span<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>span id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;latest_status&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>span id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;latest_text&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>span <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;status-text&quot;</span><span style="color: #339933;">&gt;</span><span style="color: #0000ff;">&quot; . <span style="color: #006699; font-weight: bold;">$text</span> . &quot;</span><span style="color: #339933;">&lt;/</span>span<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>span <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;full-text&quot;</span> style<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;display:none&quot;</span><span style="color: #339933;">&gt;</span><span style="color: #0000ff;">&quot; . <span style="color: #006699; font-weight: bold;">$text</span> . &quot;</span><span style="color: #339933;">&lt;/</span>span<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>span <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;entry-meta&quot;</span> id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;latest_meta&quot;</span><span style="color: #339933;">&gt;&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;status.php?id=<span style="color: #006699; font-weight: bold;">$status-&gt;id</span>&quot;</span> target<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;_blank&quot;</span><span style="color: #339933;">&gt;</span><span style="color: #0000ff;">&quot; . <span style="color: #006699; font-weight: bold;">$date</span> . &quot;</span><span style="color: #339933;">&lt;/</span>a<span style="color: #339933;">&gt;&lt;/</span>span<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>span <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;entry-meta&quot;</span> id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;full_meta&quot;</span> style<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;display:none&quot;</span><span style="color: #339933;">&gt;&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;status.php?id=<span style="color: #006699; font-weight: bold;">$status-&gt;id</span>&quot;</span> target<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;_blank&quot;</span><span style="color: #339933;">&gt;</span><span style="color: #0000ff;">&quot; . <span style="color: #006699; font-weight: bold;">$date</span> . &quot;</span><span style="color: #339933;">&lt;/</span>a<span style="color: #339933;">&gt;&lt;/</span>span<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>span<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>span<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span></pre></div></div><div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#latest_status&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">toggle</span><span style="color: #009900;">&#40;</span>
<span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#currently .status-text, #latest_meta&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;display&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;none&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#currently .full-text, #full_meta&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;display&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;inline&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
<span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#currently .status-text, #latest_meta&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;display&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;inline&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#currently .full-text, #full_meta&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;display&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;none&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#full_meta a, .full-text a&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>e.<span style="color: #660066;">stopPropagation</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">var</span> limitation <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>text<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>text.<span style="color: #660066;">length</span> <span style="color: #339933;">&gt;</span> <span style="color: #CC0000;">60</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
text <span style="color: #339933;">=</span> text.<span style="color: #660066;">substr</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #339933;">,</span><span style="color: #CC0000;">60</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; ...&quot;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000066; font-weight: bold;">return</span> text<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">location</span>.<span style="color: #660066;">href</span>.<span style="color: #660066;">indexOf</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;index&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&gt;</span> <span style="color: #CC0000;">0</span> <span style="color: #339933;">||</span> document.<span style="color: #660066;">location</span>.<span style="color: #660066;">href</span>.<span style="color: #660066;">indexOf</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;all&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&gt;</span> <span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #003366; font-weight: bold;">var</span> temp <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#currently .status-text&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">text</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>temp.<span style="color: #660066;">length</span> <span style="color: #339933;">&gt;</span> <span style="color: #CC0000;">60</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
temp <span style="color: #339933;">=</span> temp.<span style="color: #660066;">substr</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #339933;">,</span><span style="color: #CC0000;">60</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; ...&quot;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#currently .status-text&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">html</span><span style="color: #009900;">&#40;</span>temp<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span></pre></div></div><p>目前效果完美 <img src='http://blog.zdxia.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p> ]]></content:encoded> <wfw:commentRss>http://blog.zdxia.com/code/649/feed</wfw:commentRss> <slash:comments>16</slash:comments> </item> </channel> </rss>
<!-- This site's performance optimized by W3 Total Cache. Dramatically improve the speed and reliability of your blog!

Learn more about our WordPress Plugins: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk
Database Caching 3/9 queries in 0.036 seconds using disk

Served from: 9.miao.in @ 2010-03-11 14:57:19 -->