<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet href='http://feed.binjoo.net/styles/feedsky8.xsl' type='text/xsl' ?><!--这是一个由Feedsy提供技术支持的Feed，为了提高读者阅读的体验，以及满足用户美化自己Feed的需要，我们设计了多种精美的Feed模板，提供给大家选择，所有最终呈现出来的样式，皆由用户自愿选择使用，未经许可，任何团体和个人，请不要擅自修改样式或者盗用，这是对于用户选择权的尊重。--><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:fs="http://www.feedsky.com/namespace/feed" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><atom:link href="http://feed.binjoo.net" type="application/rss+xml" rel="self"></atom:link><fs:self_link href="http://feed.feedsky.com/binjoo" type="application/rss+xml"></fs:self_link><lastBuildDate>Thu, 29 Jul 2010 14:53:11 GMT</lastBuildDate><title>冰剑博客</title><description>因为喜欢，所以始终不放弃。</description><image><url>http://www.feedsky.com/feed/binjoo/sc/gif</url><title>冰剑博客</title><link>http://www.binjoo.net</link></image><link>http://www.binjoo.net</link><sy:updatePeriod>hourly</sy:updatePeriod><sy:updateFrequency>1</sy:updateFrequency><language>en</language><pubDate>Thu, 29 Jul 2010 15:33:37 GMT</pubDate><item><title>被屏蔽的广告</title><link>http://item.feedsky.com/~feedsky/binjoo/~7730108/397268977/5070816/1/item.html</link><content:encoded>&lt;p&gt;火狐有个强大的扩展，叫做 &lt;a href=&quot;https://addons.mozilla.org/zh-CN/firefox/addon/1865&quot;&gt;Adblock Plus&lt;/a&gt; ，是我喜欢的火狐扩展之一，其强大的广告过滤功能，能够还给你一个清爽的页面。在&lt;a href=&quot;http://www.binjoo.net/2009/10/i-use-firefox-extensions/&quot;&gt;《我使用的 Firefox 扩展》&lt;/a&gt;一文中有过该扩展的使用效果截图，有兴趣的可以围观。&lt;/p&gt;
&lt;p&gt;前段时间我在&lt;a href=&quot;http://blog.haitianhome.com/&quot;&gt;海天&lt;/a&gt;的帮助下开始折腾 GGAD ，放在博客上后就发现如果开启了 Adblock Plus 的话，GGAD 就会被过滤掉，过滤也只是把 GGAD 那一部分的代码给去掉，留下的就是那DIV的外壳。&lt;br /&gt;
&lt;a class=&quot;highslide-image&quot; href=&quot;http://imgs.binjoo.net/2010/07/noggad-1.gif&quot; class=&quot;highslide-image&quot; onclick=&quot;return hs.expand(this);&quot;&gt;&lt;img class=&quot;aligncenter&quot; title=&quot;Click to enlarge&quot; src=&quot;http://imgs.binjoo.net/2010/07/noggad-1.gif&quot; alt=&quot;image&quot; width=&quot;300&quot; height=&quot;100&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;如果在没有广告过滤的浏览器下面浏览，或者关闭 Adblock Plus 扩展的话，就能够正常的显示 AD 信息。&lt;br /&gt;
&lt;a class=&quot;highslide-image&quot; href=&quot;http://imgs.binjoo.net/2010/07/noggad-2.gif&quot; class=&quot;highslide-image&quot; onclick=&quot;return hs.expand(this);&quot;&gt;&lt;img class=&quot;aligncenter&quot; title=&quot;Click to enlarge&quot; src=&quot;http://imgs.binjoo.net/2010/07/noggad-2.gif&quot; alt=&quot;image&quot; width=&quot;300&quot; height=&quot;150&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;为了给用户更好的体验，就算屏蔽掉了我们也要给予提示信息，怎么做呢？首先用一个 DIV 把 AD 信息给包裹起来，然后我们给这个 DIV 编辑 CSS ，主要是三个属性，背景图片、宽度、高度。&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;HTML CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;html&quot; style=&quot;font-family:monospace;&quot;&gt;	&amp;lt;div class=&amp;quot;sidebar_ggad&amp;quot;&amp;gt;//外层放一个DIV
	&amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;&amp;lt;!--
	google_ad_client = &amp;quot;pub-0000000000000000&amp;quot;;
	google_ad_slot = &amp;quot;0000000000&amp;quot;;
	google_ad_width = 250;
	google_ad_height = 250;
	//--&amp;gt;
	&amp;lt;/script&amp;gt;
	&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;/div&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;


&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;CSS CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;css&quot; style=&quot;font-family:monospace;&quot;&gt;.sidebar_ggad&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#123;&lt;/span&gt;
	&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;height&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #933;&quot;&gt;250px&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;//高度&lt;span style=&quot;color: #cc66cc;&quot;&gt;250&lt;/span&gt;像素
	&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;width&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #933;&quot;&gt;250px&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;//宽度&lt;span style=&quot;color: #cc66cc;&quot;&gt;250&lt;/span&gt;像素
	&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;background&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #993333;&quot;&gt;url&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #ff0000; font-style: italic;&quot;&gt;img/myads/noad.jpg&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #993333;&quot;&gt;no-repeat&lt;/span&gt; &lt;span style=&quot;color: #993333;&quot;&gt;center&lt;/span&gt; &lt;span style=&quot;color: #993333;&quot;&gt;center&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;//给DIV设置一张背景图片、不重复、居中
&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;很简单是吧，给这个DIV一个背景图片，如果不屏蔽广告的话，广告自然会覆盖掉背景图片，如果屏蔽了广告，那么广告不见了，自然就会显示背景图片了。&lt;br /&gt;
&lt;a class=&quot;highslide-image&quot; href=&quot;http://imgs.binjoo.net/2010/07/noggad-3.gif&quot; class=&quot;highslide-image&quot; onclick=&quot;return hs.expand(this);&quot;&gt;&lt;img class=&quot;aligncenter&quot; title=&quot;Click to enlarge&quot; src=&quot;http://imgs.binjoo.net/2010/07/noggad-3.gif&quot; alt=&quot;image&quot; width=&quot;300&quot; height=&quot;150&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;这样就不会出现屏蔽后某个地方空白着不显示东西了，另外告诉大家，在博客任意页面中输入“&lt;strong&gt;binjoo&lt;/strong&gt;”就可以隐藏侧栏的广告六个小时。&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/397268977/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/397268977/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/397268977/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/397268977/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.binjoo.net/2010/07/blocked-ad/feed/</wfw:commentRss><slash:comments>1</slash:comments><description>火狐有个强大的扩展，叫做 Adblock Plus ，是我喜欢的火狐扩展之一，其强大的广告过滤功能，能够还给你一个清爽的页面。在《我使用的 Firefox 扩展》一文中有过该扩展的使用效果截图，有兴趣的可以围观。

前段时间我在海天的帮助下开始折腾 GGAD ，放在博客上后就发现如果开启了 Adblock Plus 的话，GGAD 就会被过滤掉，过滤也只是把 GGAD 那一部分的代码给去掉，留下的就是那DIV的外壳。



&lt;a class=&quot;more-link&quot; href=&quot;http://www.binjoo.net/2010/07/blocked-ad/&quot; title=&quot;被屏蔽的广告&quot;&gt;阅读全文 (共612字)&lt;/a&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/397268977/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/397268977/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/397268977/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/397268977/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>分享网事</category><category>隐藏</category><category>广告</category><category>屏蔽</category><pubDate>Thu, 29 Jul 2010 22:53:11 +0800</pubDate><author>冰剑</author><comments>http://www.binjoo.net/2010/07/blocked-ad/#comments</comments><guid isPermaLink="false">http://www.binjoo.net/?p=1006</guid><dc:creator>冰剑</dc:creator><fs:srclink>http://www.binjoo.net/2010/07/blocked-ad/</fs:srclink><fs:srcfeed>http://www.binjoo.net/feed</fs:srcfeed><fs:itemid>feedsky/binjoo/~7730108/397268977/5070816</fs:itemid></item><item><title>简单的快捷启动方法</title><link>http://item.feedsky.com/~feedsky/binjoo/~7730108/396614909/5070816/1/item.html</link><content:encoded>&lt;p&gt;计算机发展越来越快，我们电脑的配置也就越来越好，装的东西也越来越多。杀毒软件、游戏客户端、开发工具等等，数不胜数，装的东西多了，桌面上的快捷方式也会慢慢的占领你的屏幕。最早的做法是桌面上建立几个文件夹，分别以这些软件的类型来命名，比如游戏、网络、开发等等，这样就能马马虎虎的看到一个比较干净的桌面。当然还有一些软件，比如&lt;a href=&quot;http://go.binjoo.net/5&quot;&gt;音速启动&lt;/a&gt;就是我最喜欢的， 这个软件也用了有三四年了，因为它确实方便。&lt;/p&gt;
&lt;p&gt;下面告诉大家一个不需要安装软件也能达到快速启动效果的方法，大家都知道，开始&amp;#8211;运行，这个输入框里可以输入很多命令打开不同的东西，比如“regedit”是注册表、“cmd”是命令提示符、“notepad”是记事本等等，其实我们也可以弄成这样的。&lt;/p&gt;
&lt;h4&gt;第一步&lt;/h4&gt;
&lt;p&gt;首先，随便在哪个盘建立一个文件夹，和系统有关的，我个人比较喜欢建立在D盘，我在D盘下面建立一个名为“winrun”的文件夹，然后把你常用的软件的快接方式复制进去。&lt;br /&gt;
&lt;a class=&quot;highslide-image&quot; href=&quot;http://imgs.binjoo.net/2010/07/speed-1.gif&quot; class=&quot;highslide-image&quot; onclick=&quot;return hs.expand(this);&quot;&gt;&lt;img class=&quot;aligncenter&quot; title=&quot;Click to enlarge&quot; src=&quot;http://imgs.binjoo.net/2010/07/speed-1.gif&quot; alt=&quot;image&quot; width=&quot;300&quot; height=&quot;200&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
就像上图这样，记住给每个快捷方式修改一下名字。如果你嫌麻烦的话可以不用修改，因为一样的可以实现效果，但是并不方便。&lt;/p&gt;
&lt;h4&gt;第二步&lt;/h4&gt;
&lt;p&gt;接下来设置一下环境变量，右键打开计算机&amp;#8212;属性&amp;#8212;高级&amp;#8212;环境变量，我的是 WIN7 ，但是XP的打开方式也没什么不同，就只是 计算机 和 我的电脑 这个词不同。&lt;/p&gt;
&lt;p&gt;然后找到里面的“PATH”这个变量，注意一下，这里有两个，分别是 当前用户的用户变量和系统变量，如果你编辑用户变量的话，以后用其他帐户登陆系统后，是不能使用这个快捷方式的，但是你用系统变量的话，任何用户登陆都可以使用，这里我建议是编辑系统变量中的“PATH”。&lt;/p&gt;
&lt;p&gt;选择“PATH”后，单击编辑按钮进行编辑。我们需要做的是，把开始建立的文件夹的路径，复制到变量值的最后面，粘贴之前，先检查一下原本的变量名最后面是不是有一个分号，如果没有的话，我们就需要加上一个分号，再进行粘贴，否则会出错的。例如，我新建的文件夹路径是“D:\winrun”，然后到变量名最后面找找看有没有分号，如果没有的话，那么我们输入一个分号后再进行粘贴，也就是说我们添加的内容为“;D:\winrun”。&lt;/p&gt;
&lt;p&gt;注意，其他的东西都别乱动，除非你知道自己在做什么。&lt;/p&gt;
&lt;p&gt;&lt;a class=&quot;highslide-image&quot; href=&quot;http://imgs.binjoo.net/2010/07/speed-2.gif&quot; class=&quot;highslide-image&quot; onclick=&quot;return hs.expand(this);&quot;&gt;&lt;img class=&quot;aligncenter&quot; title=&quot;Click to enlarge&quot; src=&quot;http://imgs.binjoo.net/2010/07/speed-2.gif&quot; alt=&quot;image&quot; width=&quot;300&quot; height=&quot;200&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;完成&lt;/h4&gt;
&lt;p&gt;很简单的两部就完成了，下面怎么使用呢？很简单，开始&amp;#8212;运行（快捷键是：WIN+R），然后在输入框中输入快捷方式的名字，比如打开图1中的Google Talk，我们只需要在这里输入“gt”就可以了，是不是很方便呢？&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614909/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614909/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614909/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614909/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.binjoo.net/2010/07/simple-quick-start-method/feed/</wfw:commentRss><slash:comments>23</slash:comments><description>计算机发展越来越快，我们电脑的配置也就越来越好，装的东西也越来越多。杀毒软件、游戏客户端、开发工具等等，数不胜数，装的东西多了，桌面上的快捷方式也会慢慢的占领你的屏幕。最早的做法是桌面上建立几个文件夹，分别以这些软件的类型来命名，比如游戏、网络、开发等等，这样就能马马虎虎的看到一个比较干净的桌面。当然还有一些软件，比如音速启动就是我最喜欢的， 这个软件也用了有三四年了，因为它确实方便。

下面告诉大家一个不需要安装软件也能达到快速启动效果的方法，大家都知道，开始&amp;#8211;运行，这个输入框里可以输入很多命令打开不同的东西，比如“regedit”是注册表、“cmd”是命令提示符、“notepad”是记事本等等，其实我们也可以弄成这样的。

&lt;a class=&quot;more-link&quot; href=&quot;http://www.binjoo.net/2010/07/simple-quick-start-method/&quot; title=&quot;简单的快捷启动方法&quot;&gt;阅读全文 (共1003字)&lt;/a&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614909/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614909/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614909/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614909/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>分享网事</category><category>技巧</category><category>启动</category><category>简单</category><pubDate>Fri, 23 Jul 2010 23:41:09 +0800</pubDate><author>冰剑</author><comments>http://www.binjoo.net/2010/07/simple-quick-start-method/#comments</comments><guid isPermaLink="false">http://www.binjoo.net/?p=1004</guid><dc:creator>冰剑</dc:creator><fs:srclink>http://www.binjoo.net/2010/07/simple-quick-start-method/</fs:srclink><fs:srcfeed>http://www.binjoo.net/feed</fs:srcfeed><fs:itemid>feedsky/binjoo/~7730108/396614909/5070816</fs:itemid></item><item><title>使用一些好玩的 CSS3</title><link>http://item.feedsky.com/~feedsky/binjoo/~7730108/396614911/5070816/1/item.html</link><content:encoded>&lt;p&gt;我居然会写关于 CSS 的东西，我这人最讨厌 CSS 了，望着它我脑袋就大了，不是这个浏览器不支持就是那个浏览器错位。Firefox、Chrome等非 IE 浏览器还马马虎虎能够忍受，最TM讨厌的IE我就受不了了，因为这家伙一直都不开窍。&lt;/p&gt;
&lt;p&gt;关于 CSS3 我还是蛮喜欢的，因为简单的一句代码就可以实现以前很多的东西，比如圆角、阴影等等，下面写一些应用到本博客中的 CSS3 的技术。&lt;/p&gt;
&lt;h4&gt;圆角&lt;/h4&gt;
&lt;p&gt;&lt;a class=&quot;highslide-image&quot; href=&quot;http://imgs.binjoo.net/2010/07/CSS3-1.gif&quot; class=&quot;highslide-image&quot; onclick=&quot;return hs.expand(this);&quot;&gt;&lt;img class=&quot;aligncenter&quot; title=&quot;Click to enlarge&quot; src=&quot;http://imgs.binjoo.net/2010/07/CSS3-1.gif&quot; alt=&quot;image&quot; width=&quot;300&quot; height=&quot;130&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
这个算是目前使用比较多的 CSS3 技术，这里就拿图片做例子，CSS代码如下：&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;CSS CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;css&quot; style=&quot;font-family:monospace;&quot;&gt;&lt;span style=&quot;color: #6666ff;&quot;&gt;.post&lt;/span&gt; &lt;span style=&quot;color: #6666ff;&quot;&gt;.content&lt;/span&gt; img &lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#123;&lt;/span&gt;
	&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;border&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #933;&quot;&gt;1px&lt;/span&gt; &lt;span style=&quot;color: #993333;&quot;&gt;solid&lt;/span&gt; &lt;span style=&quot;color: #cc00cc;&quot;&gt;#D9D9D9&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;
	&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;padding&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #933;&quot;&gt;5px&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;
	-moz-border-radius&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #933;&quot;&gt;5px&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;&lt;span style=&quot;color: #808080; font-style: italic;&quot;&gt;/* 支持火狐的 */&lt;/span&gt;
	-webkit-border-radius&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #933;&quot;&gt;5px&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;&lt;span style=&quot;color: #808080; font-style: italic;&quot;&gt;/* 支持Chrome的 */&lt;/span&gt;
	&lt;span style=&quot;color: #808080; font-style: italic;&quot;&gt;/* 属性值代表圆角的半径值，如果写上四个的话顺序分别是左上、右上、右下、左下 */&lt;/span&gt;
&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h4&gt;阴影&lt;/h4&gt;
&lt;p&gt;&lt;a class=&quot;highslide-image&quot; href=&quot;http://imgs.binjoo.net/2010/07/CSS3-2.gif&quot; class=&quot;highslide-image&quot; onclick=&quot;return hs.expand(this);&quot;&gt;&lt;img class=&quot;aligncenter&quot; title=&quot;Click to enlarge&quot; src=&quot;http://imgs.binjoo.net/2010/07/CSS3-2.gif&quot; alt=&quot;image&quot; width=&quot;300&quot; height=&quot;130&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
还是拿图片做例子，CSS代码如下：&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;CSS CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;css&quot; style=&quot;font-family:monospace;&quot;&gt;&lt;span style=&quot;color: #6666ff;&quot;&gt;.post&lt;/span&gt; &lt;span style=&quot;color: #6666ff;&quot;&gt;.content&lt;/span&gt; img &lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#123;&lt;/span&gt;
	&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;border&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #933;&quot;&gt;1px&lt;/span&gt; &lt;span style=&quot;color: #993333;&quot;&gt;solid&lt;/span&gt; &lt;span style=&quot;color: #cc00cc;&quot;&gt;#D9D9D9&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;
	&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;padding&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #933;&quot;&gt;5px&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;
	-moz-box-shadow&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #933;&quot;&gt;3px&lt;/span&gt; &lt;span style=&quot;color: #933;&quot;&gt;3px&lt;/span&gt; &lt;span style=&quot;color: #933;&quot;&gt;5px&lt;/span&gt; &lt;span style=&quot;color: #cc00cc;&quot;&gt;#ccc&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;
	-webkit-box-shadow&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #933;&quot;&gt;3px&lt;/span&gt; &lt;span style=&quot;color: #933;&quot;&gt;3px&lt;/span&gt; &lt;span style=&quot;color: #933;&quot;&gt;5px&lt;/span&gt; &lt;span style=&quot;color: #cc00cc;&quot;&gt;#ccc&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;
	&lt;span style=&quot;color: #808080; font-style: italic;&quot;&gt;/* 属性值分别为：水平的值、垂直的值、模糊度、阴影颜色 */&lt;/span&gt;
&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h4&gt;调整大小&lt;/h4&gt;
&lt;p&gt;&lt;a class=&quot;highslide-image&quot; href=&quot;http://imgs.binjoo.net/2010/07/CSS3-3.jpg&quot; class=&quot;highslide-image&quot; onclick=&quot;return hs.expand(this);&quot;&gt;&lt;img class=&quot;aligncenter&quot; title=&quot;Click to enlarge&quot; src=&quot;http://imgs.binjoo.net/2010/07/CSS3-3.jpg&quot; alt=&quot;image&quot; width=&quot;300&quot; height=&quot;130&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
这个功能有的浏览器中应该自带就有，Chrome就有，但是用了这个属性后任何支持这个属性的浏览器就都会有这功能。&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;CSS CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;css&quot; style=&quot;font-family:monospace;&quot;&gt;&lt;span style=&quot;color: #cc00cc;&quot;&gt;#commentform&lt;/span&gt; &lt;span style=&quot;color: #cc00cc;&quot;&gt;#comment&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#123;&lt;/span&gt;
	resize&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt; vertical&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;&lt;span style=&quot;color: #808080; font-style: italic;&quot;&gt;/* 有三个属性值：both、horizontal、 vertical*/&lt;/span&gt;
	&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;overflow&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #993333;&quot;&gt;auto&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;&lt;span style=&quot;color: #808080; font-style: italic;&quot;&gt;/* 不知道作用是什么，反正要留着 */&lt;/span&gt;
&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h4&gt;选择器&lt;/h4&gt;
&lt;p&gt;不看不知道，一看吓一跳，原来 CSS3 也有选择器，jQuery 的选择器用起来真的很爽，只要页面上有的元素，都可以揪出来。你想想，如果你要添加一个功能，是给日志中的外链加上一个图片来提醒，按照平常的做法，只要是内容中的 a 标签都会被加上图片。现在有了选择器，就没那么麻烦了，因为你有选择的余地。&lt;/p&gt;
&lt;p&gt;效果看这里：&lt;a href=&quot;http://www.binjoo.net/about&quot;&gt;本站链接&lt;/a&gt;丨&lt;a href=&quot;http://www.google.com/ncr&quot;&gt;站外链接&lt;/a&gt;丨&lt;a href=&quot;javascript:alert('说了别点我');&quot;&gt;JS 连接，千万别点&lt;/a&gt;&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;CSS CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;css&quot; style=&quot;font-family:monospace;&quot;&gt;&lt;span style=&quot;color: #6666ff;&quot;&gt;.post&lt;/span&gt; &lt;span style=&quot;color: #6666ff;&quot;&gt;.content&lt;/span&gt; a&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt;not&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#91;&lt;/span&gt;href&lt;span style=&quot;color: #00AA00;&quot;&gt;*=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;javascript&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#93;&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#123;&lt;/span&gt;&lt;span style=&quot;color: #808080; font-style: italic;&quot;&gt;/* 内容中所有 a 标签，但不包括 href 包含 javascript 的 a 标签 */&lt;/span&gt;
  &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;background&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #993333;&quot;&gt;url&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #ff0000; font-style: italic;&quot;&gt;img/externalLink.gif&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #993333;&quot;&gt;no-repeat&lt;/span&gt; &lt;span style=&quot;color: #993333;&quot;&gt;scroll&lt;/span&gt; &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;right&lt;/span&gt; &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;top&lt;/span&gt; &lt;span style=&quot;color: #993333;&quot;&gt;transparent&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;margin-right&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #933;&quot;&gt;5px&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;padding-right&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #933;&quot;&gt;10px&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;
&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#125;&lt;/span&gt;
&lt;span style=&quot;color: #6666ff;&quot;&gt;.post&lt;/span&gt; &lt;span style=&quot;color: #6666ff;&quot;&gt;.content&lt;/span&gt; a&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#91;&lt;/span&gt;href&lt;span style=&quot;color: #00AA00;&quot;&gt;*=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&amp;quot;binjoo.net&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#93;&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#123;&lt;/span&gt;&lt;span style=&quot;color: #808080; font-style: italic;&quot;&gt;/* 内容中 a 标签 href 包含有 binjoo.net 的 a 标签  */&lt;/span&gt;
  &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;background&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #993333;&quot;&gt;none&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;margin-right&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #933;&quot;&gt;0px&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;padding-right&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #933;&quot;&gt;0px&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;
&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#125;&lt;/span&gt;
&lt;span style=&quot;color: #808080; font-style: italic;&quot;&gt;/* 第二个选择器让我很纠结，我记得是可以一次写多个选择器进去的，但是怎么试都试不出效果，郁闷 */&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h4&gt;后语&lt;/h4&gt;
&lt;p&gt;这里除了最后一个选择器IE7、IE8支持意外，其他的 IE 都不支持，也就是说，你要看到那些效果，必须使用非 IE 浏览器，推荐&lt;a href=&quot;http://www.mozillaonline.com/&quot;&gt;Firefox&lt;/a&gt;、&lt;a href=&quot;http://www.google.com/chrome?hl=zh-CN&quot;&gt;Chrome&lt;/a&gt;。目前来说，Chrome支持的CSS3效果是最多的，Firefox相对较少，不过Firefox 4.0的支持很多。&lt;/p&gt;
&lt;p&gt;最后给几个好玩的 CSS 实验例子，一定要在不同浏览器下浏览才能发现不同的地方：&lt;br /&gt;
太阳系：&lt;a href=&quot;http://lidian.info/media/solarsystem/&quot;&gt;http://lidian.info/media/solarsystem/&lt;/a&gt;&lt;br /&gt;
哆啦A梦：&lt;a href=&quot;http://www.tyiao.com/article/css/css3.htm&quot;&gt;http://www.tyiao.com/article/css/css3.htm&lt;/a&gt;&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614911/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614911/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614911/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614911/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.binjoo.net/2010/07/css-fun/feed/</wfw:commentRss><slash:comments>25</slash:comments><description>我居然会写关于 CSS 的东西，我这人最讨厌 CSS 了，望着它我脑袋就大了，不是这个浏览器不支持就是那个浏览器错位。Firefox、Chrome等非 IE 浏览器还马马虎虎能够忍受，最TM讨厌的IE我就受不了了，因为这家伙一直都不开窍。

关于 CSS3 我还是蛮喜欢的，因为简单的一句代码就可以实现以前很多的东西，比如圆角、阴影等等，下面写一些应用到本博客中的 CSS3 的技术。

圆角

&lt;a class=&quot;more-link&quot; href=&quot;http://www.binjoo.net/2010/07/css-fun/&quot; title=&quot;使用一些好玩的 CSS3&quot;&gt;阅读全文 (共1492字)&lt;/a&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614911/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614911/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614911/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614911/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>分享网事</category><category>技巧</category><category>应用</category><category>css</category><pubDate>Wed, 21 Jul 2010 04:12:25 +0800</pubDate><author>冰剑</author><comments>http://www.binjoo.net/2010/07/css-fun/#comments</comments><guid isPermaLink="false">http://www.binjoo.net/?p=999</guid><dc:creator>冰剑</dc:creator><fs:srclink>http://www.binjoo.net/2010/07/css-fun/</fs:srclink><fs:srcfeed>http://www.binjoo.net/feed</fs:srcfeed><fs:itemid>feedsky/binjoo/~7730108/396614911/5070816</fs:itemid></item><item><title>再玩黑客游戏</title><link>http://item.feedsky.com/~feedsky/binjoo/~7730108/396614914/5070816/1/item.html</link><content:encoded>&lt;p&gt;刚刚在雷锋群群友优子的博客上看到一篇文章《&lt;a href=&quot;http://xuanwobbs.com.cn/archives/2010-07/hack-game.html&quot;&gt;试玩黑客游戏&lt;/a&gt;》，心里一阵激动，我激动个啥呢？因为高中的时候曾玩过这个，那个时候马马虎虎只能过第一关，而且还花了我不少时间。事隔多年，我又回来了，看看技术有没有长进。&lt;/p&gt;
&lt;p&gt;打开游戏入口：&lt;a href=&quot;http://game.enet.org.cn&quot;&gt;http://game.enet.org.cn&lt;/a&gt;。&lt;/p&gt;
&lt;h4&gt;第一关：Escape 解密&lt;/h4&gt;
&lt;p&gt;看到页面，别的不说，先把这个页面下载下来，然后再本地打开分析。打开后我们可以看到变量 “Words” 的值都是经过 Escape 加密的，再看下面，通过 unescape 函数再将变量 “Words” 解密，然后通过 write 函数打印出来。&lt;/p&gt;
&lt;p&gt;解题方法有两种，第一种就是到 &lt;a href=&quot;http://tool.chinaz.com/Tools/Escape.aspx&quot;&gt;Escape加密/UnEscape解密&lt;/a&gt; 这个页面讲加密的变量进行解密，然后得到解密后的值；第二种就是直接在下面用 alert(); 函数讲 “Words” 变量弹窗显示，这两种方法都可以得到明文值。&lt;/p&gt;
&lt;p&gt;解密后得到关键的代码，如下：&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;JAVASCRIPT CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;javascript&quot; style=&quot;font-family:monospace;&quot;&gt;&lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;function&lt;/span&gt; PassConfirm&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
    &lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;var&lt;/span&gt; x &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; document.&lt;span style=&quot;color: #660066;&quot;&gt;password&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;pass&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
    &lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;x &lt;span style=&quot;color: #339933;&quot;&gt;==&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;hackervip.com　&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
        &lt;span style=&quot;color: #000066;&quot;&gt;alert&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;'恭喜过关，进入第二关！'&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
        window.&lt;span style=&quot;color: #000066;&quot;&gt;open&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;errror.html&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;_self&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;
    &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt; &lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;else&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
        document.&lt;span style=&quot;color: #660066;&quot;&gt;password&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;pass&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;value&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;''&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
        &lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;false&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
        window.&lt;span style=&quot;color: #000066;&quot;&gt;open&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;error.htm&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;_self&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;
    &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;本关密码：“hackervip.com　”（没有双引号有空格）&lt;br /&gt;
下关页面：&lt;a href=&quot;http://game.enet.org.cn/errror.html&quot;&gt;errror.html&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;第二关：Encode 解密&lt;/h4&gt;
&lt;p&gt;老方法，把页面下载到本地。所有 JS 代码都是 Encode 加密过了的，解铃还须系铃人，我们找一个 JScript.Encode脚本加密与解密 的网站进行解密，然后得到关键代码，如下：&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;JAVASCRIPT CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;javascript&quot; style=&quot;font-family:monospace;&quot;&gt;&lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;function&lt;/span&gt; PassConfirm&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
    &lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;var&lt;/span&gt; htm &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; document.&lt;span style=&quot;color: #660066;&quot;&gt;password&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;pass&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;value&lt;/span&gt;
    &lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;htm &lt;span style=&quot;color: #339933;&quot;&gt;==&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;********&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
        window.&lt;span style=&quot;color: #000066;&quot;&gt;open&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;jpg.htm&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;_self&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;
    &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt; &lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;else&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
        window.&lt;span style=&quot;color: #000066;&quot;&gt;open&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;error.htm&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;_self&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;
    &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;本关密码：&amp;#8221;********&amp;#8221;（没有双引号，密码就是八个星号）&lt;br /&gt;
下关页面：&lt;a href=&quot;http://game.enet.org.cn/jpg.htm&quot;&gt;jpg.htm&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;第三关：网页源码&lt;/h4&gt;
&lt;p&gt;额，这个页面一进去就要求输入帐号密码，这也没办法查看源文件，所以这里可以借助QQ旋风把当前页面下载下来。新建一个任务，下载路径就写这个页面的路径就可以了。&lt;/p&gt;
&lt;p&gt;下载完成后我们查看源代码，里面都是明文显示的，但是我看半天没看明白进入的ID和PW是什么。我们不管了，关键是看下关的入口在哪。&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;JAVASCRIPT CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;javascript&quot; style=&quot;font-family:monospace;&quot;&gt;&lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;function&lt;/span&gt; PassConfirm&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
    &lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;var&lt;/span&gt; htm &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; document.&lt;span style=&quot;color: #660066;&quot;&gt;password&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;pass&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;value&lt;/span&gt;
    &lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;htm &lt;span style=&quot;color: #339933;&quot;&gt;==&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;htm&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
        window.&lt;span style=&quot;color: #000066;&quot;&gt;open&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;3.14159265358979323846264.htm&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;_self&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;
    &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt; &lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;else&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
        window.&lt;span style=&quot;color: #000066;&quot;&gt;open&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;error.htm&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;_self&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;
    &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;进入帐号密码：这个我没看明白&lt;br /&gt;
本关密码：&amp;#8221;htm&amp;#8221;，虽然是密码，但是貌似没用&lt;br /&gt;
下关页面：&lt;a href=&quot;http://game.enet.org.cn/3.14159265358979323846264.htm&quot;&gt;3.14159265358979323846264.htm&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;第四关：XXOO 解密&lt;/h4&gt;
&lt;p&gt;这关大部分都是明文显示，只不过关键的显示密码的地方却被加密了，这里因为不知道是什么加的密，所以折腾了很久。但是后来想到以前玩软件破解的原理，把等于改成不等于，这样就大功告成了。&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;JAVASCRIPT CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;javascript&quot; style=&quot;font-family:monospace;&quot;&gt;&lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;function&lt;/span&gt; PassConfirm&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
    &lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;var&lt;/span&gt; x &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; document.&lt;span style=&quot;color: #660066;&quot;&gt;password&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;pass&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
    &lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;hackervip_compile&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;x&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;==&lt;/span&gt; unescape&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;%88%DF%D9%9E%96%C9%C4%CE%D0%D7%E8%DF%D9%9E%91%D2%DC%9C&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
        &lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;eval&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;''&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;+&lt;/span&gt; he&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;unescape&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;%9F%CD%D1%D7%E6%9CO%u6094%uB609%uA4FC%uDF27%uE13A%u507F%u8EE7%uE140%uCC91%uC9C0%uA007%u5074%uFF28Pd%B2%E0%D7%D2%D3%E6%A5%9D%DF%D5%D3%96J%8F%E6%D8%C7%C9%C4%CE%D0%D7%E8%DF%D9%9E%96%DC%E1%D9%8ENN%81%D2%D8%D1%D2%88K&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;
    &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt; &lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;else&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
        document.&lt;span style=&quot;color: #660066;&quot;&gt;password&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;pass&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;value&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;''&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
        &lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;false&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
        window.&lt;span style=&quot;color: #000066;&quot;&gt;open&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;error.htm&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;_self&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;
    &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;
    &lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;false&lt;/span&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;这里我们把 “if (hackervip_compile(x) == unescape” 中的等于符号改成 “!=” ，然后再本地运行页面，什么都不需要输入，单击确定，这样就能够获得到下一个页面的地址。&lt;br /&gt;
本关密码：不知道&lt;br /&gt;
下关页面：&lt;a href=&quot;http://game.enet.org.cn/my_hackervip.html&quot;&gt;my_hackervip.html&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;第五关：乱码&lt;/h4&gt;
&lt;p&gt;本人不才，到这里就卡壳了，页面一进去都是乱码，源文件里面也是乱码，让我无从下手。想到&lt;a href=&quot;http://xuanwobbs.com.cn/&quot;&gt;优子&lt;/a&gt;那去看看他的解题方法，结果他也和我一样，看到的都是乱码。到底是我们的问题还是这网页有问题？&lt;/p&gt;
&lt;p&gt;问问百度谷歌大叔，发现很多人都卡在这一关，网上也有解密方法，但是感觉牛头不对马嘴，写的方法和我看到的完全不同。&lt;/p&gt;
&lt;p&gt;不过也差不多了，过了四关，比以前多了三关，嘿嘿。&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614914/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614914/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614914/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614914/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.binjoo.net/2010/07/play-hacker-game/feed/</wfw:commentRss><slash:comments>21</slash:comments><description>刚刚在雷锋群群友优子的博客上看到一篇文章《试玩黑客游戏》，心里一阵激动，我激动个啥呢？因为高中的时候曾玩过这个，那个时候马马虎虎只能过第一关，而且还花了我不少时间。事隔多年，我又回来了，看看技术有没有长进。

打开游戏入口：http://game.enet.org.cn。

第一关：Escape 解密

&lt;a class=&quot;more-link&quot; href=&quot;http://www.binjoo.net/2010/07/play-hacker-game/&quot; title=&quot;再玩黑客游戏&quot;&gt;阅读全文 (共2194字)&lt;/a&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614914/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614914/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614914/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614914/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>分享网事</category><category>游戏</category><category>黑客</category><pubDate>Mon, 19 Jul 2010 02:37:53 +0800</pubDate><author>冰剑</author><comments>http://www.binjoo.net/2010/07/play-hacker-game/#comments</comments><guid isPermaLink="false">http://www.binjoo.net/?p=998</guid><dc:creator>冰剑</dc:creator><fs:srclink>http://www.binjoo.net/2010/07/play-hacker-game/</fs:srclink><fs:srcfeed>http://www.binjoo.net/feed</fs:srcfeed><fs:itemid>feedsky/binjoo/~7730108/396614914/5070816</fs:itemid></item><item><title>不能落后，我也有“云”</title><link>http://item.feedsky.com/~feedsky/binjoo/~7730108/396614917/5070816/1/item.html</link><content:encoded>&lt;p&gt;自从 Google 提出“云计算”的概念以来，各大 IT 厂商都加入了“云”的战争，最早的当然是流氓出身的360的“云杀毒”，慢慢的又有很多“云”军团加入了战争，比如“云存储”、“云安全”、“云输入法”等等。&lt;/p&gt;
&lt;p&gt;所谓“云”，其实指的是后端（服务器端），平时我们很少能够看到的那一端，正因为平时难得看到，所以有一种虚无缥缈的感觉，也许就是因为这个原因，才被称为“云”吧。我们平时能够看到的是什么呢，当然是自己用的PC和手机这些东西了，也就是所谓的“客户端”。[&lt;a href=&quot;http://baike.baidu.com/view/2198744.htm&quot;&gt;引用百度云查杀&lt;/a&gt;]&lt;/p&gt;
&lt;p&gt;去年，写了一篇关于&lt;a href=&quot;http://www.binjoo.net/2009/11/add-cloud-sogou-input-method/&quot;&gt;添加搜狗云输入法&lt;/a&gt;的文章，今天是告诉大家把搜狗云、QQ云输入法都加入到博客里来。&lt;/p&gt;
&lt;h4&gt;第一步：添加 ime.js 文件&lt;/h4&gt;
&lt;p&gt;首先，把 &lt;a href=&quot;http://www.box.net/shared/5ljfhc6j95&quot;&gt;ime.js&lt;/a&gt; 下载保存至服务器，或者把下列代码保存为 js 文件上传；&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;JAVASCRIPT CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;javascript&quot; style=&quot;font-family:monospace;&quot;&gt;&lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;function&lt;/span&gt; ime_qq&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
    javascript&lt;span style=&quot;color: #339933;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;q&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;!!&lt;/span&gt; q &lt;span style=&quot;color: #339933;&quot;&gt;?&lt;/span&gt; q.&lt;span style=&quot;color: #660066;&quot;&gt;toggle&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;d&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt; j&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
            j &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; d.&lt;span style=&quot;color: #660066;&quot;&gt;createElement&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;'script'&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
            j.&lt;span style=&quot;color: #660066;&quot;&gt;src&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;'http://ime.qq.com/fcgi-bin/getjs'&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
            j.&lt;span style=&quot;color: #660066;&quot;&gt;setAttribute&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;'ime-cfg'&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;'lt=2'&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
            d.&lt;span style=&quot;color: #660066;&quot;&gt;getElementsByTagName&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;'head'&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#91;&lt;/span&gt;&lt;span style=&quot;color: #CC0000;&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#93;&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;appendChild&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;j&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;
        &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;document&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;
    &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;window.&lt;span style=&quot;color: #660066;&quot;&gt;QQWebIME&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
&lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;function&lt;/span&gt; ime_sogou&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
    javascript&lt;span style=&quot;color: #339933;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;void&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
        &lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;var&lt;/span&gt; e &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; document.&lt;span style=&quot;color: #660066;&quot;&gt;createElement&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;'script'&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
        e.&lt;span style=&quot;color: #660066;&quot;&gt;setAttribute&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;'src'&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;'http://web.pinyin.sogou.com/web_ime/init.js'&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
        document.&lt;span style=&quot;color: #660066;&quot;&gt;body&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;appendChild&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;e&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;
    &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h4&gt;第二步：添加启动按钮&lt;/h4&gt;
&lt;p&gt;然后把下面这段代码贴到你要显示按钮的地方。&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;HTML CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;html&quot; style=&quot;font-family:monospace;&quot;&gt;&amp;lt;a href=&amp;quot;javascript:void(0);&amp;quot; class=&amp;quot;ime_qq&amp;quot; onclick=&amp;quot;ime_qq&amp;quot;&amp;gt;QQ拼音&amp;lt;/a&amp;gt;
&amp;lt;a href=&amp;quot;javascript:void(0);&amp;quot; class=&amp;quot;ime_sogou&amp;quot; onclick=&amp;quot;ime_sogou&amp;quot;&amp;gt;搜狗拼音&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;好了，大功告成，演示大家看评论框提交按钮边上那个键盘。&lt;/p&gt;
&lt;h4&gt;题外话：点点广告吧&lt;/h4&gt;
&lt;p&gt;本人堕落了，给博客加了广告，一个是在相关日志那个模块，另外一个是在侧栏，大家有空帮忙点点，但是别点的太勤快了。&lt;/p&gt;
&lt;p&gt;80后的童鞋们，你们还记得曾经的魂斗罗吗？还记得30条命是怎么出来的吗？告诉你吧，“上、上、下、下、左、右、左、右、B、A”。为什么和你们说这些？因为我想告诉你们，我侧栏广告是可以隐藏的，但是需要输入按键秘籍，输入成功后可以隐藏广告侧栏的广告六个小时，至于按键秘籍是什么，自己去找找吧，其实浏览器中已经显示出来了。&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614917/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614917/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614917/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614917/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.binjoo.net/2010/07/cloud-input/feed/</wfw:commentRss><slash:comments>24</slash:comments><description>自从 Google 提出“云计算”的概念以来，各大 IT 厂商都加入了“云”的战争，最早的当然是流氓出身的360的“云杀毒”，慢慢的又有很多“云”军团加入了战争，比如“云存储”、“云安全”、“云输入法”等等。

所谓“云”，其实指的是后端（服务器端），平时我们很少能够看到的那一端，正因为平时难得看到，所以有一种虚无缥缈的感觉，也许就是因为这个原因，才被称为“云”吧。我们平时能够看到的是什么呢，当然是自己用的PC和手机这些东西了，也就是所谓的“客户端”。[引用百度云查杀]

去年，写了一篇关于添加搜狗云输入法的文章，今天是告诉大家把搜狗云、QQ云输入法都加入到博客里来。

&lt;a class=&quot;more-link&quot; href=&quot;http://www.binjoo.net/2010/07/cloud-input/&quot; title=&quot;不能落后，我也有“云”&quot;&gt;阅读全文 (共1059字)&lt;/a&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614917/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614917/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614917/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614917/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>输入法</category><category>分享网事</category><category>广告</category><pubDate>Sat, 17 Jul 2010 22:19:33 +0800</pubDate><author>冰剑</author><comments>http://www.binjoo.net/2010/07/cloud-input/#comments</comments><guid isPermaLink="false">http://www.binjoo.net/?p=997</guid><dc:creator>冰剑</dc:creator><fs:srclink>http://www.binjoo.net/2010/07/cloud-input/</fs:srclink><fs:srcfeed>http://www.binjoo.net/feed</fs:srcfeed><fs:itemid>feedsky/binjoo/~7730108/396614917/5070816</fs:itemid></item><item><title>站内的 Box.net 外链网盘</title><link>http://item.feedsky.com/~feedsky/binjoo/~7730108/396614920/5070816/1/item.html</link><content:encoded>&lt;p&gt;MD，想这个标题想了我十几分钟，最后还是写了这傻不拉唧的标题，哎，谁让我没文学细胞呢。&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.box.net/&quot;&gt;Box.net&lt;/a&gt; 这个网盘大家应该不是很陌生，曾经风靡一时的网盘，它漂亮的 WEB2.0 界面非常吸引我，只可惜好景不常，就被伟大的“功夫王”给XXOO了。后来 Box 也重新注册了一个新的域名 boxcn.net ，专门给国人使用，但是用着 boxcn 心里总感觉和 box 原版的有点区别，于是很长一段时间都没有再去 box 。直到前段时间，在&lt;a href=&quot;http://immmmm.com/&quot;&gt;林木木&lt;/a&gt;的博客中看到了一篇文章，用jQuery读取 Box 文件的外链，于是我好奇的输入 box.net ，发现可以访问了，“功夫王”居然把 box 给释放了。&lt;/p&gt;
&lt;p&gt;前话就这些了，下面进入主题，首先大家看看&lt;a href=&quot;http://www.binjoo.net/box&quot;&gt;这个页面&lt;/a&gt;，这个就是读取 box 文件外链做的展示页面，其制作方法大家请看林木木写的&lt;a href=&quot;http://immmmm.com/box-net-produced-showpage.html&quot;&gt;《制作 Box.net 文件外链展示页面》&lt;/a&gt;，我这里要做的就是把这个页面嵌套到博客中来，&lt;strong&gt;效果大家点击导航栏中的“网盘”&lt;/strong&gt;。是不是很炫啊？呵呵，下面开始教大家做这个效果。&lt;/p&gt;
&lt;h4&gt;第一步：添加 Highslide JS &lt;/h4&gt;
&lt;p&gt;如果你博客安装了 &lt;a href=&quot;http://www.neoease.com/highslide4wp/&quot;&gt;Highslide4WP&lt;/a&gt; 或 &lt;a href=&quot;http://zou.lu/auto-hishslide-wordpress-plugin/&quot;&gt;Auto Highslide&lt;/a&gt; 的话，那么就不需要再添加 Highslide JS 了，只需要修改一下这个插件的代码即可。&lt;br /&gt;
分别编辑插件下的 highslide4wp.php 或 auto-highslide.php 文件，找到：&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;JAVASCRIPT CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;javascript&quot; style=&quot;font-family:monospace;&quot;&gt;hs.&lt;span style=&quot;color: #660066;&quot;&gt;outlineType&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;rounded-white&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;在下面加入一行：&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;JAVASCRIPT CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;javascript&quot; style=&quot;font-family:monospace;&quot;&gt;hs.&lt;span style=&quot;color: #660066;&quot;&gt;wrapperClassName&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;draggable-header&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;再找到：&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;JAVASCRIPT CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;javascript&quot; style=&quot;font-family:monospace;&quot;&gt;highslide&lt;span style=&quot;color: #339933;&quot;&gt;/&lt;/span&gt;highslide&lt;span style=&quot;color: #339933;&quot;&gt;-&lt;/span&gt;with&lt;span style=&quot;color: #339933;&quot;&gt;-&lt;/span&gt;html.&lt;span style=&quot;color: #660066;&quot;&gt;packed&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;js&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;修改成：&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;JAVASCRIPT CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;javascript&quot; style=&quot;font-family:monospace;&quot;&gt;highslide&lt;span style=&quot;color: #339933;&quot;&gt;/&lt;/span&gt;highslide&lt;span style=&quot;color: #339933;&quot;&gt;-&lt;/span&gt;full.&lt;span style=&quot;color: #660066;&quot;&gt;packed&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;js&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;再把 &lt;a href=&quot;http://www.box.net/shared/c3cc8c486l&quot;&gt;highslide-full.packed.js&lt;/a&gt; 上传至插件中的 highslide 目录下，highslide-with-html.packed.js 文件可以删除了。&lt;/p&gt;
&lt;p&gt;以上是安装了 &lt;a href=&quot;http://www.neoease.com/highslide4wp/&quot;&gt;Highslide4WP&lt;/a&gt; 或 &lt;a href=&quot;http://zou.lu/auto-hishslide-wordpress-plugin/&quot;&gt;Auto Highslide&lt;/a&gt; 的修改方法，没有安装这两个插件的朋友可以按照如下方法进行。&lt;/p&gt;
&lt;p&gt;首先下载 &lt;a href=&quot;http://highslide.com/download.php&quot;&gt;Highslide JS&lt;/a&gt; ，把 highslide 文件夹中除了 highslide.css 、 graphics文件夹 、 highslide-full.packed.js 三个，其他的都删除，然后把 highslide 上传至某处地方，一般是 wp-content/plugins 下。&lt;/p&gt;
&lt;p&gt;再打开主题中的头部文件 header.php ，插入如下代码：&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;JAVASCRIPT CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;javascript&quot; style=&quot;font-family:monospace;&quot;&gt;&amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;../highslide/highslide-full.packed.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; href=&amp;quot;../highslide/highslide.css&amp;quot; /&amp;gt;
&lt;span style=&quot;color: #339933;&quot;&gt;&amp;lt;&lt;/span&gt;script type&lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;text/javascript&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;&amp;gt;&lt;/span&gt;
hs.&lt;span style=&quot;color: #660066;&quot;&gt;graphicsDir&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;'../highslide/graphics/'&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
hs.&lt;span style=&quot;color: #660066;&quot;&gt;outlineType&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;'rounded-white'&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
hs.&lt;span style=&quot;color: #660066;&quot;&gt;wrapperClassName&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;'draggable-header'&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
&lt;span style=&quot;color: #339933;&quot;&gt;&amp;lt;/&lt;/span&gt;script&lt;span style=&quot;color: #339933;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;其中那三个路径的地方，一定要写正确。&lt;/p&gt;
&lt;p&gt;还是建议使用上面两个插件，推荐 Auto Highslide 。&lt;/p&gt;
&lt;h4&gt;第二步：导航栏中添加网盘的超链接&lt;/h4&gt;
&lt;p&gt;不同主题的添加方法不同，下面以我的主题 iNove 为例，打开主题下 templates/header.php 文件，找到：&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;HTML CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;html&quot; style=&quot;font-family:monospace;&quot;&gt;&amp;lt;ul id=&amp;quot;menus&amp;quot;&amp;gt;&amp;lt;/ul&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;在这个 id 为 menus 的无序列表中，插入一个 li ：&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;PHP CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;php&quot; style=&quot;font-family:monospace;&quot;&gt;&amp;lt;li class=&amp;quot;page-item-box&amp;quot;&amp;gt;&amp;lt;a class=&amp;quot;mybox&amp;quot; title=&amp;quot;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;&amp;lt;?php&lt;/span&gt; _e&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;'网盘'&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #0000ff;&quot;&gt;'inove'&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt; &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;?&amp;gt;&lt;/span&gt;&amp;quot; href=&amp;quot;/box&amp;quot;&amp;gt;&amp;lt; ?php _e('网盘', 'inove'); ?&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;这样，你的导航栏中就多了一个“网盘”的选项。&lt;/p&gt;
&lt;h4&gt;第三步：添加 iframe 效果&lt;/h4&gt;
&lt;p&gt;在你的 jQuery 应用 js 文件中，添加如下代码：&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;JAVASCRIPT CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;javascript&quot; style=&quot;font-family:monospace;&quot;&gt;$&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;#navigation .mybox&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;click&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
    &lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;return&lt;/span&gt; hs.&lt;span style=&quot;color: #660066;&quot;&gt;htmlExpand&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;this&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
        objectType&lt;span style=&quot;color: #339933;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;'iframe'&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #006600; font-style: italic;&quot;&gt;//打开类型，这个不管&lt;/span&gt;
        align&lt;span style=&quot;color: #339933;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;'center'&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #006600; font-style: italic;&quot;&gt;//打开位置，默认居中就可以了&lt;/span&gt;
        headingText&lt;span style=&quot;color: #339933;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;'网盘'&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #006600; font-style: italic;&quot;&gt;//窗口标题&lt;/span&gt;
        width&lt;span style=&quot;color: #339933;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #CC0000;&quot;&gt;670&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #006600; font-style: italic;&quot;&gt;//打开时的宽度&lt;/span&gt;
        height&lt;span style=&quot;color: #339933;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #CC0000;&quot;&gt;460&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: #006600; font-style: italic;&quot;&gt;//打开时的高度&lt;/span&gt;
        minWidth&lt;span style=&quot;color: #339933;&quot;&gt;:&lt;/span&gt; &lt;span style=&quot;color: #CC0000;&quot;&gt;680&lt;/span&gt;&lt;span style=&quot;color: #006600; font-style: italic;&quot;&gt;//最小宽度&lt;/span&gt;
    &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;PS：其他的参数大家可以参考 &lt;a href=&quot;http://highslide.com/ref/&quot;&gt;Highslide JS API Reference&lt;/a&gt; ，比如最小高度等等。怎么应用 jQuery 就不说了，已经讲过很多次，实在不会的可以去问 Google 老师。&lt;/p&gt;
&lt;p&gt;到这里这个效果就做完了，有什么不懂的大家回复交流。&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614920/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614920/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614920/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614920/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.binjoo.net/2010/07/website-box-disk/feed/</wfw:commentRss><slash:comments>25</slash:comments><description>MD，想这个标题想了我十几分钟，最后还是写了这傻不拉唧的标题，哎，谁让我没文学细胞呢。

Box.net 这个网盘大家应该不是很陌生，曾经风靡一时的网盘，它漂亮的 WEB2.0 界面非常吸引我，只可惜好景不常，就被伟大的“功夫王”给XXOO了。后来 Box 也重新注册了一个新的域名 boxcn.net ，专门给国人使用，但是用着 boxcn 心里总感觉和 box 原版的有点区别，于是很长一段时间都没有再去 box 。直到前段时间，在林木木的博客中看到了一篇文章，用jQuery读取 Box 文件的外链，于是我好奇的输入 box.net ，发现可以访问了，“功夫王”居然把 box 给释放了。

&lt;a class=&quot;more-link&quot; href=&quot;http://www.binjoo.net/2010/07/website-box-disk/&quot; title=&quot;站内的 Box.net 外链网盘&quot;&gt;阅读全文 (共1280字)&lt;/a&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614920/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614920/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614920/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614920/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>网盘</category><category>wordpress</category><category>分享网事</category><category>技巧</category><category>外链</category><category>jquery</category><category>应用</category><pubDate>Sun, 11 Jul 2010 02:47:13 +0800</pubDate><author>冰剑</author><comments>http://www.binjoo.net/2010/07/website-box-disk/#comments</comments><guid isPermaLink="false">http://www.binjoo.net/?p=996</guid><dc:creator>冰剑</dc:creator><fs:srclink>http://www.binjoo.net/2010/07/website-box-disk/</fs:srclink><fs:srcfeed>http://www.binjoo.net/feed</fs:srcfeed><fs:itemid>feedsky/binjoo/~7730108/396614920/5070816</fs:itemid></item><item><title>让 WP-Syntax 滑动显示隐藏</title><link>http://item.feedsky.com/~feedsky/binjoo/~7730108/396614923/5070816/1/item.html</link><content:encoded>&lt;p&gt;这两天无所事事，不知道干些什么。在 QQLive 上把&lt;a href=&quot;http://movie.douban.com/subject/3227335/&quot;&gt;《仙剑奇侠传三》&lt;/a&gt;看完了，我承认我很 out ，去年的流行电视剧，我今年才看完。&lt;/p&gt;
&lt;p&gt;打开博客，我望着它，它盯着我，我们俩就这样僵持了近5秒钟，我实在受不了了，对它说：“丫的，你再看我就折腾你。”结果你们能想到，所以，我开始折腾它了。&lt;/p&gt;
&lt;p&gt;这个想法是昨天在某博客上看了代码都产生的，那超长的代码，没有格式化，没有高亮，看着我脑袋都大了，几段代码下来才发现，很多都TM是废话，关键代码就那么一句，害得我找了半天。心想，如果有个隐藏部分代码就好了，所以呢，我就在我博客上折腾了。&lt;/p&gt;
&lt;p&gt;我用的代码高亮插件是 &lt;a href=&quot;http://wordpress.org/extend/plugins/wp-syntax/&quot;&gt;WP-Syntax&lt;/a&gt; ，首先打开该插件目录下的 wp-syntax.php 文件，搜索如下代码，大改在 123 行左右：&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;PHP CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;php&quot; style=&quot;font-family:monospace;&quot;&gt;&lt;span style=&quot;color: #000088;&quot;&gt;$output&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;.=&lt;/span&gt; &lt;span style=&quot;color: #0000ff;&quot;&gt;&amp;quot;&amp;lt;div class=&lt;span style=&quot;color: #000099; font-weight: bold;&quot;&gt;\&amp;quot;&lt;/span&gt;code&lt;span style=&quot;color: #000099; font-weight: bold;&quot;&gt;\&amp;quot;&lt;/span&gt;&amp;gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&amp;lt;/&lt;/span&gt;div&lt;span style=&quot;color: #339933;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;将此段代码修改成：&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;PHP CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;php&quot; style=&quot;font-family:monospace;&quot;&gt;&lt;span style=&quot;color: #000088;&quot;&gt;$output&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;.=&lt;/span&gt; &lt;span style=&quot;color: #0000ff;&quot;&gt;&amp;quot;&amp;lt;div class=&lt;span style=&quot;color: #000099; font-weight: bold;&quot;&gt;\&amp;quot;&lt;/span&gt;code_title&lt;span style=&quot;color: #000099; font-weight: bold;&quot;&gt;\&amp;quot;&lt;/span&gt;&amp;gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #990000;&quot;&gt;strtoupper&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #000088;&quot;&gt;$geshi&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;-&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: #004000;&quot;&gt;language&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;.&lt;/span&gt;&lt;span style=&quot;color: #0000ff;&quot;&gt;&amp;quot; CODE&amp;lt;/div&amp;gt;&amp;lt;div class=&lt;span style=&quot;color: #000099; font-weight: bold;&quot;&gt;\&amp;quot;&lt;/span&gt;code&lt;span style=&quot;color: #000099; font-weight: bold;&quot;&gt;\&amp;quot;&lt;/span&gt;&amp;gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
&lt;span style=&quot;color: #666666; font-style: italic;&quot;&gt;//这段代码就是增加了一个 DIV ，内容显示当前代码的名字&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;保存，看看是不是在 CODE 显示的地方多了一个类似标题的东西。&lt;/p&gt;
&lt;p&gt;好了，截下来我们开始做显示隐藏的功能，这里就要用到人见人爱车见车载花见花开的 jQuery ，用 jQuery 前要导入什么，这里就不啰嗦了，直接看代码。&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;JAVASCRIPT CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;javascript&quot; style=&quot;font-family:monospace;&quot;&gt;&lt;span style=&quot;color: #006600; font-style: italic;&quot;&gt;/* CODE 显示隐藏 */&lt;/span&gt;
$&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;.wp_syntax .code_title&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;click&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;function&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;
  $&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;this&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;parent&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;find&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;.code&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;slideToggle&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;slow&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;再保存，刷新页面，点击代码标题就可以看到效果了，剩下的就是美化了，因主题不同而异，我贴出我的 CSS 供大家参考一下。&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;CSS CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;css&quot; style=&quot;font-family:monospace;&quot;&gt;&lt;span style=&quot;color: #6666ff;&quot;&gt;.wp_syntax&lt;/span&gt; &lt;span style=&quot;color: #6666ff;&quot;&gt;.code_title&lt;/span&gt; &lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#123;&lt;/span&gt;
  &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;background&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #cc00cc;&quot;&gt;#CCC&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;cursor&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #993333;&quot;&gt;pointer&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;color&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #cc00cc;&quot;&gt;#2971A5&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;
  &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;font-weight&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;:&lt;/span&gt;&lt;span style=&quot;color: #993333;&quot;&gt;bold&lt;/span&gt;&lt;span style=&quot;color: #00AA00;&quot;&gt;;&lt;/span&gt;
&lt;span style=&quot;color: #00AA00;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;其实呢，我还想在标题的最右边弄一个显示/隐藏的提示，但是弄出来 IE 下会错位，归根结底还是 CSS 不会写的问题，Firefox 下显示正常，到了 IE 下就会跑到下一行去，郁闷。哪位兄弟可以帮忙解决一下啊。&lt;/p&gt;
&lt;p&gt;嗯，就到这里吧，折腾完毕，如果你不喜欢用插件，也可以试试 &lt;a href=&quot;http://fayaa.com/code/new/&quot;&gt;代码发芽网&lt;/a&gt; 代码高亮功能，不过我不怎么喜欢用，感觉一大堆的HTML代码贴进来怪怪的。&lt;/p&gt;
&lt;h4&gt;ＰＳ&lt;/h4&gt;
&lt;p&gt;看看博友 &lt;a href=&quot;http://www.dt-life.info/&quot;&gt;zchiy2k&lt;/a&gt; 写的&lt;a href=&quot;http://www.dt-life.info/sliding-effect-for-code-box-of-the-wp-snytax.html&quot;&gt;《为WP-Snytax代码框增加滑动效果》&lt;/a&gt;，他碰到了滚动条的问题，说不定对你有帮助。&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614923/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614923/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614923/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614923/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.binjoo.net/2010/07/syntax-slide-show-hide/feed/</wfw:commentRss><slash:comments>46</slash:comments><description>这两天无所事事，不知道干些什么。在 QQLive 上把《仙剑奇侠传三》看完了，我承认我很 out ，去年的流行电视剧，我今年才看完。

打开博客，我望着它，它盯着我，我们俩就这样僵持了近5秒钟，我实在受不了了，对它说：“丫的，你再看我就折腾你。”结果你们能想到，所以，我开始折腾它了。

这个想法是昨天在某博客上看了代码都产生的，那超长的代码，没有格式化，没有高亮，看着我脑袋都大了，几段代码下来才发现，很多都TM是废话，关键代码就那么一句，害得我找了半天。心想，如果有个隐藏部分代码就好了，所以呢，我就在我博客上折腾了。

&lt;a class=&quot;more-link&quot; href=&quot;http://www.binjoo.net/2010/07/syntax-slide-show-hide/&quot; title=&quot;让 WP-Syntax 滑动显示隐藏&quot;&gt;阅读全文 (共992字)&lt;/a&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614923/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614923/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614923/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614923/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>wordpress</category><category>分享网事</category><category>WP-Syntax</category><category>jquery</category><pubDate>Sat, 10 Jul 2010 02:15:29 +0800</pubDate><author>冰剑</author><comments>http://www.binjoo.net/2010/07/syntax-slide-show-hide/#comments</comments><guid isPermaLink="false">http://www.binjoo.net/?p=993</guid><dc:creator>冰剑</dc:creator><fs:srclink>http://www.binjoo.net/2010/07/syntax-slide-show-hide/</fs:srclink><fs:srcfeed>http://www.binjoo.net/feed</fs:srcfeed><fs:itemid>feedsky/binjoo/~7730108/396614923/5070816</fs:itemid></item><item><title>白天晚上不同的背景</title><link>http://item.feedsky.com/~feedsky/binjoo/~7730108/396614925/5070816/1/item.html</link><content:encoded>&lt;p&gt;细心的人可能会发现，我博客白天和晚上的背景图片都不一样，分别显示的是嘀咕的&lt;a href=&quot;http://images.digu.com/web_res_v1/skin/backgroundimage/bg_day.jpg&quot; class=&quot;highslide-image&quot; onclick=&quot;return hs.expand(this);&quot;&gt;白天&lt;/a&gt;和&lt;a href=&quot;http://images.digu.com/web_res_v1/skin/backgroundimage/bg_night.jpg&quot; class=&quot;highslide-image&quot; onclick=&quot;return hs.expand(this);&quot;&gt;晚上&lt;/a&gt;图片。&lt;/p&gt;
&lt;p&gt;实现起来并不难，简单的几句 JS 语句就能够搞定，背景图片点&lt;a href=&quot;http://u.115.com/file/f2853e2aae&quot;&gt;这里下载&lt;/a&gt;，存放到相应目录后，再添加下面的 JS 代码。&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;JAVASCRIPT CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;javascript&quot; style=&quot;font-family:monospace;&quot;&gt;&lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;var&lt;/span&gt; hours &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;new&lt;/span&gt; Date&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;getHours&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;&lt;span style=&quot;color: #006600; font-style: italic;&quot;&gt;//new 一个当前时间，取当前时间的小时；&lt;/span&gt;
&lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;hours &lt;span style=&quot;color: #339933;&quot;&gt;&amp;gt;=&lt;/span&gt; &lt;span style=&quot;color: #CC0000;&quot;&gt;7&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;&amp;amp;&amp;amp;&lt;/span&gt; hours &lt;span style=&quot;color: #339933;&quot;&gt;&amp;lt;&lt;/span&gt; &lt;span style=&quot;color: #CC0000;&quot;&gt;19&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;&lt;span style=&quot;color: #006600; font-style: italic;&quot;&gt;//if 判断，如果当前小时大于等于 7 点并且小于 19 点&lt;/span&gt;
    $&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;'body'&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;css&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;background&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;url(bg_day.jpg) repeat-x fixed center top&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt; &lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;else&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;&lt;span style=&quot;color: #006600; font-style: italic;&quot;&gt;//否则&lt;/span&gt;
    $&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;'body'&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;css&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;background&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;url(bg_night.jpg) repeat-x fixed center top&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;注意了，使用上面的 JS 代码需要装载 jQuery 库才可以，如果你不愿意装载一个 jQuery 进博客的话，也可以使用下面这段 JS 代码。
&lt;/pre&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;JAVASCRIPT CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;javascript&quot; style=&quot;font-family:monospace;&quot;&gt;&lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;var&lt;/span&gt; hours &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #003366; font-weight: bold;&quot;&gt;new&lt;/span&gt; Date&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;getHours&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;&lt;span style=&quot;color: #006600; font-style: italic;&quot;&gt;//new 一个当前时间，取当前时间的小时；&lt;/span&gt;
&lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;if&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;hours &lt;span style=&quot;color: #339933;&quot;&gt;&amp;gt;=&lt;/span&gt; &lt;span style=&quot;color: #CC0000;&quot;&gt;7&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;&amp;amp;&amp;amp;&lt;/span&gt; hours &lt;span style=&quot;color: #339933;&quot;&gt;&amp;lt;&lt;/span&gt; &lt;span style=&quot;color: #CC0000;&quot;&gt;19&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;&lt;span style=&quot;color: #006600; font-style: italic;&quot;&gt;//if 判断，如果当前小时大于等于 7 点并且小于 19 点&lt;/span&gt;
    document.&lt;span style=&quot;color: #660066;&quot;&gt;body&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;style&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;background&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;background-image&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;url(bg_day.jpg) repeat-x fixed center top&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt; &lt;span style=&quot;color: #000066; font-weight: bold;&quot;&gt;else&lt;/span&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&amp;#123;&lt;/span&gt;&lt;span style=&quot;color: #006600; font-style: italic;&quot;&gt;//否则&lt;/span&gt;
    document.&lt;span style=&quot;color: #660066;&quot;&gt;body&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;style&lt;/span&gt;.&lt;span style=&quot;color: #660066;&quot;&gt;background&lt;/span&gt; &lt;span style=&quot;color: #339933;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;background-image&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;,&lt;/span&gt; &lt;span style=&quot;color: #3366CC;&quot;&gt;&amp;quot;url(bg_night.jpg) repeat-x fixed center top&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#125;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;写完收工。&lt;/pre&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614925/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614925/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614925/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614925/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.binjoo.net/2010/07/different-backgrounds/feed/</wfw:commentRss><slash:comments>36</slash:comments><description>细心的人可能会发现，我博客白天和晚上的背景图片都不一样，分别显示的是嘀咕的白天和晚上图片。

实现起来并不难，简单的几句 JS 语句就能够搞定，背景图片点这里下载，存放到相应目录后，再添加下面的 JS 代码。



&lt;a class=&quot;more-link&quot; href=&quot;http://www.binjoo.net/2010/07/different-backgrounds/&quot; title=&quot;白天晚上不同的背景&quot;&gt;阅读全文 (共709字)&lt;/a&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614925/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614925/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614925/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614925/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>分享网事</category><category>jquery</category><category>背景</category><category>javascript</category><category>css</category><pubDate>Mon, 05 Jul 2010 22:53:21 +0800</pubDate><author>冰剑</author><comments>http://www.binjoo.net/2010/07/different-backgrounds/#comments</comments><guid isPermaLink="false">http://www.binjoo.net/?p=992</guid><dc:creator>冰剑</dc:creator><fs:srclink>http://www.binjoo.net/2010/07/different-backgrounds/</fs:srclink><fs:srcfeed>http://www.binjoo.net/feed</fs:srcfeed><fs:itemid>feedsky/binjoo/~7730108/396614925/5070816</fs:itemid></item><item><title>点名将无数博客串联起来</title><link>http://item.feedsky.com/~feedsky/binjoo/~7730108/396614928/5070816/1/item.html</link><content:encoded>&lt;p&gt;“冰剑，在吗？”“在！”“你被点了，不要吃惊。”&lt;/p&gt;
&lt;p&gt;虽然知道最近有个点名很火，已经在几个博客中看到了，但是没想到它来的是那样的快，那样的突然，哥还没准备好了。不过这个点名的问题确实有意思，比起&lt;a href=&quot;http://www.binjoo.net/2009/06/the-first-time-name/&quot;&gt;上一次的点名&lt;/a&gt;好玩很多，基本都和你的博客有关，爱博之人应该都会喜欢的。在点名者&lt;a href=&quot;http://otz.im/blog-roll-call.html&quot;&gt;寨主&lt;/a&gt;的点名日志中，发现一句话，很喜欢。&lt;/p&gt;
&lt;blockquote&gt;&lt;p&gt;世界很大，博客圈很小！&lt;br /&gt;
不经意间，顺着每个网站的链接走下去，也许你最终会回到原点。&lt;br /&gt;
点名就像是用一条线将无数个博客串联了起来。&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;&lt;strong&gt;1.你的博客存在多久了啊？还记得是哪天正式上线的吗？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;大概时间是2007年1月23日，从 PJBLOG &amp;#8211; BOBLOG &amp;#8211; WordPress ，经历了三种博客程序，我博客也有点历史了。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;2.你会把你的博客坚持下去吗？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;最差也只会是很久不更新，但绝对不会让我博客消失。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;3.如果说有一天你要放弃博客了，你认为会是什么原因啊？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;天灾人祸吧，怎么说这也是我N年的历史，我的日记本，舍不得丢的。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;4.你做独立博客之前有没有过其他博客啊？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;可以说没有，博客中国、搜狐、新浪虽然之前都玩过，但是都是转两篇文章就不管了。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;5.你还记得你第一个域名是什么吗？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;第一个域名是：is28.eb.cn，如果要算顶级域名的话，就是 is28.cn ，这个米已经停用两年了，不知道现在它还好吗？&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;6.你的第一个域名的意思是什么呢？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;冰剑英文是 icesword ，取单词两个字母简写为 is ，我是 28 日出生的，合起来就是 is28 ，就这么简单。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;7.还记得你的第一个友情链接是谁吗？你们现在关系怎么样？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;不记得了，只记得一个叫做 jaydeng 的朋友，经常有来往，后来慢慢的就淡了。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;8.你的博客收到第一条评论的时候，你是什么心情啊？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;激动，心想：怎么这么快就有人评论了，看来我运气不错。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;9.为博客花掉了自己很多的时间，你后悔过吗？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;不后悔，因为从中也学到了很多的东西，特别是近期折腾 jQuery 收获很大。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;10.你认为通过博客结交的朋友可靠吗？你相信他们吗？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;大部分都是可靠的，耗子、大冰等等，我都很相信他们。（ps.大冰上个月还借我钱换空间，目前还没钱还，嘘小声点，大家别让他看到了。）&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;11.如果你的博客里的朋友某天因为特殊原因，或是你自己由于特殊原因，要离开这个圈子，你还会回来看看吗？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;不会常来，但是会偶尔过来看看的。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;12.你建博客的目的是什么？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;最初的目的就是收集自己喜欢的文章，慢慢的觉得没意思了，开始写写自己的生活，然后又删除了以前转载的文章，现在主要写生活日志和折腾类的技术日志。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;13.现在你管理博客的目的发生变化了吗？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;貌似是有了点，但是也说不上来是哪里有了变化。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;14.博客给你带来的快乐多吗？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;还不错啦，每当折腾完一些东西，总会觉得有一点点成就感。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;15.你现在感觉你一天不上博客的话，会舒服吗？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;还好，不会不舒服，但是如果有几天没上，肯定就不舒服了。因为我相信N天登陆后台，看到的绝对是N多的 SPAM 。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;16.在你的博客里，有你真实世界里的人和你交流吗？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;有一个，以前常来，现在基本没来过了。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;17.你现实圈子里的朋友有几个知道你有博客的？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;几乎没有，我人很低调的。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;18.你想对你博客里的朋友说些什么？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;等我博客挂了点击广告，大家一定要来《每天一点》，记住哦。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;19.你现在的身份是什么？工作了？还是学生？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;哎，我是无业游民，哪个公司收留我啊？小小 JAVA 程序员一名。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;20.你要把此活动转交给谁呢？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;就在侧栏排行榜里选择几个吧，&lt;a href=&quot;http://www.1bin.net&quot;&gt;逸冰&lt;/a&gt;、&lt;a href=&quot;http://www.haozer.com&quot;&gt;浩子&lt;/a&gt;、&lt;a href=&quot;http://www.baxc.net/&quot;&gt;彼岸星辰&lt;/a&gt;、&lt;a href=&quot;http://blog.haitianhome.com/&quot;&gt;海天无影&lt;/a&gt;、&lt;a href=&quot;http://www.ping-ping.cn/&quot;&gt;平平&lt;/a&gt;，刚好五个。&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614928/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614928/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614928/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614928/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.binjoo.net/2010/07/blogs-to-blogs/feed/</wfw:commentRss><slash:comments>15</slash:comments><description>“冰剑，在吗？”“在！”“你被点了，不要吃惊。”

虽然知道最近有个点名很火，已经在几个博客中看到了，但是没想到它来的是那样的快，那样的突然，哥还没准备好了。不过这个点名的问题确实有意思，比起上一次的点名好玩很多，基本都和你的博客有关，爱博之人应该都会喜欢的。在点名者寨主的点名日志中，发现一句话，很喜欢。

世界很大，博客圈很小！

&lt;a class=&quot;more-link&quot; href=&quot;http://www.binjoo.net/2010/07/blogs-to-blogs/&quot; title=&quot;点名将无数博客串联起来&quot;&gt;阅读全文 (共1405字)&lt;/a&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614928/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614928/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614928/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614928/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>博客</category><category>点名</category><category>分享网事</category><category>游戏</category><pubDate>Sun, 04 Jul 2010 22:26:16 +0800</pubDate><author>冰剑</author><comments>http://www.binjoo.net/2010/07/blogs-to-blogs/#comments</comments><guid isPermaLink="false">http://www.binjoo.net/?p=991</guid><dc:creator>冰剑</dc:creator><fs:srclink>http://www.binjoo.net/2010/07/blogs-to-blogs/</fs:srclink><fs:srcfeed>http://www.binjoo.net/feed</fs:srcfeed><fs:itemid>feedsky/binjoo/~7730108/396614928/5070816</fs:itemid></item><item><title>简单的分享与收藏</title><link>http://item.feedsky.com/~feedsky/binjoo/~7730108/396614930/5070816/1/item.html</link><content:encoded>&lt;p&gt;大家的博客里，都喜欢加上多个网站的分享按钮，一般都是会去选择 &lt;a href=&quot;http://www.jiathis.com/&quot;&gt;jiathis&lt;/a&gt; 、&lt;a href=&quot;http://www.bshare.cn/&quot;&gt;bShare&lt;/a&gt; 等第三方服务。一是因为美观，二是因为很方便，一段js代码就可以搞定，但是我不怎么喜欢这第三方服务。加载外部js速度快还好，速度慢很影响速度，而且还不知道什么时候可能会挂掉，所以这类分享收藏的功能，还是自己用代码弄进去吧。&lt;/p&gt;
&lt;p&gt;其实自己弄代码进去很简单的，将下面这段代码加到你想要显示的地方，一般是在日志正文下方显示，所以可以选择加入到 single.php 文件中。&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;PHP CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;php&quot; style=&quot;font-family:monospace;&quot;&gt;&amp;lt;div class=&amp;quot;share&amp;quot;&amp;gt;
  &amp;lt;a class=&amp;quot;digu&amp;quot; rel=&amp;quot;nofollow&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;http://wetone.org/welink/share/?u=&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;&amp;lt;?php&lt;/span&gt; the_permalink&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt; &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;?&amp;gt;&lt;/span&gt;&amp;amp;t=&amp;lt; ?php the_title(); ?&amp;gt;&amp;quot;&amp;gt;嘀咕&amp;lt;/a&amp;gt;
  &amp;lt;a class=&amp;quot;sina&amp;quot; rel=&amp;quot;nofollow&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;http://v.t.sina.com.cn/share/share.php?title=&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;&amp;lt;?php&lt;/span&gt; the_title&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt; &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;?&amp;gt;&lt;/span&gt;&amp;amp;url=&amp;lt; ?php the_permalink(); ?&amp;gt;&amp;quot;&amp;gt;新浪&amp;lt;/a&amp;gt;
&amp;lt;/div&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;好了，就这么简单，一个具有两个分享收藏按钮的功能就做好了，如果你还需要更多的分享收藏按钮，可以自己去网上找找，下面我给出几个自己找到的。&lt;/p&gt;
&lt;p&gt;嘀咕&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;PHP CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;php&quot; style=&quot;font-family:monospace;&quot;&gt;&amp;lt;a class=&amp;quot;digu&amp;quot; rel=&amp;quot;nofollow&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;http://wetone.org/welink/share/?u=&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;&amp;lt;?php&lt;/span&gt; the_permalink&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt; &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;?&amp;gt;&lt;/span&gt;&amp;amp;t=&amp;lt; ?php the_title(); ?&amp;gt;&amp;quot;&amp;gt;嘀咕&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;新浪微博&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;PHP CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;php&quot; style=&quot;font-family:monospace;&quot;&gt;&amp;lt;a class=&amp;quot;sina&amp;quot; rel=&amp;quot;nofollow&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;http://v.t.sina.com.cn/share/share.php?title=&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;&amp;lt;?php&lt;/span&gt; the_title&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt; &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;?&amp;gt;&lt;/span&gt;&amp;amp;url=&amp;lt; ?php the_permalink(); ?&amp;gt;&amp;quot;&amp;gt;新浪&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;人人网（原校内网）&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;PHP CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;php&quot; style=&quot;font-family:monospace;&quot;&gt;&amp;lt;a class=&amp;quot;renren&amp;quot; rel=&amp;quot;nofollow&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;http://share.renren.com/share/buttonshare.do?link=&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;&amp;lt;?php&lt;/span&gt; the_permalink&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt; &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;?&amp;gt;&lt;/span&gt;&amp;amp;title=&amp;lt; ?php the_title(); ?&amp;gt;&amp;quot;&amp;gt;人人&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;豆瓣&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;PHP CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;php&quot; style=&quot;font-family:monospace;&quot;&gt;&amp;lt;a class=&amp;quot;douban&amp;quot; rel=&amp;quot;nofollow&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;http://www.douban.com/recommend/?url=&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;&amp;lt;?php&lt;/span&gt; the_permalink&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt; &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;?&amp;gt;&lt;/span&gt;&amp;amp;title=&amp;lt; ?php the_title(); ?&amp;gt;&amp;quot;&amp;gt;豆瓣&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;Twitter&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;PHP CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;php&quot; style=&quot;font-family:monospace;&quot;&gt;&amp;lt;a class=&amp;quot;twitter&amp;quot; rel=&amp;quot;nofollow&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;http://twitter.com/home/?status=&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;&amp;lt;?php&lt;/span&gt; the_title&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt; &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;?&amp;gt;&lt;/span&gt;:&amp;lt; ?php the_permalink(); ?&amp;gt;&amp;quot;&amp;gt;Twitter&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;Google Reader&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;PHP CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;php&quot; style=&quot;font-family:monospace;&quot;&gt;&amp;lt;a class=&amp;quot;googlereader&amp;quot; rel=&amp;quot;nofollow&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;http://www.google.com/reader/link?url=&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;&amp;lt;?php&lt;/span&gt; the_permalink&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt; &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;?&amp;gt;&lt;/span&gt;&amp;amp;title=&amp;lt; ?php the_title(); ?&amp;gt;&amp;quot;&amp;gt;Google Reader&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;QQ空间 &amp;#8211; 这个有点问题，有时候进入分享页后，需要刷新一下才能够读取到分享的标题&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;PHP CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;php&quot; style=&quot;font-family:monospace;&quot;&gt;&amp;lt;a class=&amp;quot;qzone&amp;quot; rel=&amp;quot;nofollow&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;&amp;lt;?php&lt;/span&gt; the_permalink&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt; &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;?&amp;gt;&lt;/span&gt;&amp;quot;&amp;gt;QQ空间&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;QQ书签&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;PHP CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;php&quot; style=&quot;font-family:monospace;&quot;&gt;&amp;lt;a class=&amp;quot;qzone&amp;quot; rel=&amp;quot;nofollow&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;http://shuqian.qq.com/post?from=3&amp;amp;title=&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;&amp;lt;?php&lt;/span&gt; the_title&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt; &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;?&amp;gt;&lt;/span&gt;&amp;amp;uri=&amp;lt; ?php the_permalink() ?&amp;gt;&amp;quot;&amp;gt;QQ书签&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;九点&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;PHP CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;php&quot; style=&quot;font-family:monospace;&quot;&gt;&amp;lt;a class=&amp;quot;qzone&amp;quot; rel=&amp;quot;nofollow&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;http://9.douban.com/recommend/?url=&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;&amp;lt;?php&lt;/span&gt; the_permalink&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt; &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;?&amp;gt;&lt;/span&gt;&amp;amp;title=&amp;lt; ?php the_title(); ?&amp;gt;&amp;amp;v=2&amp;amp;n=1&amp;quot;&amp;gt;九点&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;百度搜藏&lt;/p&gt;

&lt;div class=&quot;wp_syntax&quot;&gt;&lt;div class=&quot;code_title&quot;&gt;&lt;span&gt;点击隐藏&lt;/span&gt;PHP CODE&lt;/div&gt;&lt;div class=&quot;code&quot;&gt;&lt;pre class=&quot;php&quot; style=&quot;font-family:monospace;&quot;&gt;&amp;lt;a class=&amp;quot;qzone&amp;quot; rel=&amp;quot;nofollow&amp;quot; target=&amp;quot;_blank&amp;quot; href=&amp;quot;http://cang.baidu.com/do/add?it=&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;&amp;lt;?php&lt;/span&gt; the_title&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#40;&lt;/span&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #339933;&quot;&gt;;&lt;/span&gt; &lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;?&amp;gt;&lt;/span&gt;&amp;amp;iu=&amp;lt; ?php the_permalink() ?&amp;gt;&amp;quot;&amp;gt;百度搜藏&amp;lt;/a&amp;gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614930/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614930/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614930/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614930/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</content:encoded><wfw:commentRss>http://www.binjoo.net/2010/07/simple-share-and-collection/feed/</wfw:commentRss><slash:comments>8</slash:comments><description>大家的博客里，都喜欢加上多个网站的分享按钮，一般都是会去选择 jiathis 、bShare 等第三方服务。一是因为美观，二是因为很方便，一段js代码就可以搞定，但是我不怎么喜欢这第三方服务。加载外部js速度快还好，速度慢很影响速度，而且还不知道什么时候可能会挂掉，所以这类分享收藏的功能，还是自己用代码弄进去吧。

其实自己弄代码进去很简单的，将下面这段代码加到你想要显示的地方，一般是在日志正文下方显示，所以可以选择加入到 single.php 文件中。



&lt;a class=&quot;more-link&quot; href=&quot;http://www.binjoo.net/2010/07/simple-share-and-collection/&quot; title=&quot;简单的分享与收藏&quot;&gt;阅读全文 (共222字)&lt;/a&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/396614930/binjoo/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/binjoo/~7730108/396614930/5070816/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;&lt;p class=&quot;fswww1&quot;&gt;&lt;a href=&quot;http://www1.feedsky.com/r/l/feedsky/binjoo/396614930/art01.html&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; ismap=&quot;ismap&quot; src=&quot;http://www1.feedsky.com/r/i/feedsky/binjoo/396614930/art01.gif&quot; onerror=&quot;this.style.display='none'&quot; /&gt;&lt;/a&gt;&lt;/p&gt;</description><category>wordpress</category><category>分享网事</category><category>收藏</category><category>分享</category><pubDate>Sun, 04 Jul 2010 15:55:53 +0800</pubDate><author>冰剑</author><comments>http://www.binjoo.net/2010/07/simple-share-and-collection/#comments</comments><guid isPermaLink="false">http://www.binjoo.net/?p=989</guid><dc:creator>冰剑</dc:creator><fs:srclink>http://www.binjoo.net/2010/07/simple-share-and-collection/</fs:srclink><fs:srcfeed>http://www.binjoo.net/feed</fs:srcfeed><fs:itemid>feedsky/binjoo/~7730108/396614930/5070816</fs:itemid></item></channel></rss>