<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom"><title type="text">博客园_Csn楠</title><subtitle type="text">凡是人，皆需爱；天同覆，地同载。</subtitle><id>http://feed.cnblogs.com/blog/u/56442/rss</id><updated>2011-02-21T10:08:43Z</updated><author><name>空杯楠</name><uri>http://www.cnblogs.com/csn0721/</uri></author><generator>CNBlogs BlogServer</generator><link rel="alternate" type="text/html" href="http://www.cnblogs.com/csn0721/"/><link rel="self" type="application/atom+xml" href="http://feed.cnblogs.com/blog/u/56442/rss"/><entry><id>http://www.cnblogs.com/csn0721/archive/2011/02/21/1960007.html</id><title type="text">借船过河：一个据说能看穿你的人性和欲望的心理测试</title><summary type="text">我10多年前认识个朋友，从国外读书回来，给我说了个心理测验《借船过河》，她说是读心理学时老师教的。然后  我拿这个测验测过无数人，都很准。这个也不是算命，但可以让你了解自己的需要，有的人死不承认自己是这样的啊，可实际上就是这样子的。我把这个图画下来  了，大家可以对照看，不过要听我先讲故事，然后再开始。一男人M要与未婚妻F相会结婚，但两人一河相隔，M必须要借船过河才能见到F，于是他开始四处找船。  这时见一个女子L刚好有船，M跟L借，L遇到M后爱上了他，就问：我爱上你了，你爱我吗？M比较诚实，说：对不起，我有未婚妻，我不能爱你。这么一来，L死活是不把船借给M，她的理由是：我爱你，你不爱我，这不</summary><published>2011-02-21T10:09:00Z</published><updated>2011-02-21T10:09:00Z</updated><author><name>空杯楠</name><uri>http://www.cnblogs.com/csn0721/</uri></author><link rel="alternate" href="http://www.cnblogs.com/csn0721/archive/2011/02/21/1960007.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/csn0721/archive/2011/02/21/1960007.html"/><content type="html">&lt;div&gt;我10多年前认识个朋友，从国外读书回来，给我说了个心理测验《借船过河》，她说是读心理学时老师教的。然后  我拿这个测验测过无数人，都很准。这个也不是算命，但可以让你了解自己的需要，有的人死不承认自己是这样的啊，可实际上就是这样子的。我把这个图画下来  了，大家可以对照看，不过要听我先讲故事，然后再开始。&lt;/div&gt;&lt;p align="center"&gt;&lt;img alt="" src="http://images.cnblogs.com/cnblogs_com/csn0721/1288715076547.jpg" width="480" height="359" /&gt;&lt;/p&gt;&lt;p&gt;&lt;div&gt;一男人M要与未婚妻F相会结婚，但两人一河相隔，M必须要借船过河才能见到F，于是他开始四处找船。&lt;br /&gt; &lt;br /&gt; 这时见一个女子L刚好有船，M跟L借，L遇到M后爱上了他，就问：我爱上你了，你爱我吗？M比较诚实，说：对不起，我有未婚妻，我不能爱你。这么一来，L死活是不把船借给M，她的理由是：我爱你，你不爱我，这不公平，我不会借你的！&lt;br /&gt; &lt;br /&gt; M很沮丧，继续找船，刚好见一位叫S的女子，就向她借船，S说：我借给你没问题，但有个条件，我很喜欢你，你是不是喜欢我无所谓，但你必须留下陪我一晚，   不然我不借你。M很为难，L不借他船，S如果再不借他的话就过不去河与F相见了，据说这个地方只有这两条船。为了彼岸的未婚妻，他不得不同意了S的要求，  与S有了NB。次日，S遵守承诺把船借给了M。&lt;br /&gt; &lt;br /&gt; 见到未婚妻F后，M一直心里有事，考虑了很久，终于决定把向L和S借船的故事跟F说了。可惜，F听了非常伤心，一气之下与M分了手，她觉得M不忠，不能原谅。F失恋了，很受打击。&lt;br /&gt; &lt;br /&gt; 这时他的生活里出现了位女子E，两人也开始恋爱了，但之前的故事一直让他耿耿于坏，E问M是不是有什么话要跟她说，于是，M一五一十地把他和L、S、F之间的故事讲了一遍。E听了后，说，我不会介意的，这些跟我没关系。&lt;br /&gt; &lt;br /&gt; 故事讲完了，问题来了，请你把这几个人排列个次序，标准是你认为谁最好，谁第二，谁第三，第四，第五？这个M男也算在内的。建议不要想太复杂，也不需要考虑大众看法，你认为谁做得好就是好。&lt;br /&gt; &lt;br /&gt; 看到这里请先选择好你的答案，完了往下拉看看答案。&lt;br /&gt; &lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &amp;#8595;&lt;br /&gt; &lt;br /&gt; 答案其实很简单，就是用你的潜意识告诉你最想要的是什么。不知道自己要什么，这是很普遍的问题，因为什么都挺重要的，舍弃什么都不成体统，只是每个人的人 生  追求确实差异很大，看别人追求事业，你也羡慕也很想这样，但不知道为什么总做不到；看别人婚姻幸福，你也很想，可实现起来确实不容易，这和运气也不是太有  关系，而是你需要的决定了很多。&lt;br /&gt; &lt;br /&gt; 我知道，一定有人看了这个答案觉得很失望，就这个呀，这能说明什么呀？别看答案简单，其实这里面既包含这你的价值观，也是对你人生有预示的。&lt;br /&gt; &lt;br /&gt; 我说两个故事吧。这故事中的两个人是很典型的，都是测过这个游戏的。 &lt;p&gt;&lt;/p&gt; &lt;p&gt;一个是我以前乐队成员，贝斯手，当时他写下的是：M、F、S、E、L，这个排列他死不  承认，因为当时他还在为音乐梦死磕着，让他承认爱钱这太羞辱了，而且还是结婚狂？但我发现他确实是这样的人，演出有点演出费就赶紧寄家去，还闹过这样的笑   话，赚了400块，他好意思地跟别人借一百，说凑个整。爱钱不是坏事，就怕不承认。很多年后，乐队其他人都各奔东西，他留在了那行里，不过做了歌舞厅的伴  奏，每天跑场很能赚钱，据说也很快结婚，有了小孩，是个很负责的丈夫，音乐就是他赚钱的工具，生活得也不错。后来我遇到过次他，一肚子不满，虽然开上了  车，但理想早破灭了，没事业没爱情，就是富裕的日子。我觉得这就是他的人生轨迹，想追求的还是自己想要的东西。&lt;br /&gt; &lt;br /&gt; 另一个是天津的一位女主持人，我当时跟她没什么话聊的，就玩了下这个。她的选择是S、M、L、F、E，我告诉她这几个符号代表什么的时候，她有点不高兴，   说不准，她怎么把S放第一呢？是因为她觉得S比较公平，要比L简单，F事儿太多，E太冷漠，M不错但就是太墨迹了。每个人理解问题的方式都不同，刚好这个   透露了你的潜意识。很多年后，我在北京遇到了位认识她的人，说起这个女主持来，他说，那谁可惜了，早不干主持了，跟他们单位好多男的乱七八遭，后来被单位  开了，嫁了个有钱人。&lt;br /&gt; &lt;br /&gt; 我看问我的朋友，其中选择E为首的占大多数，说明事业对不少来说人还是很重要的，还有距离问题，比如你选择了事业和金钱互相挨着，这很正常，这两项都是有   关联的，可如果你把爱情排第一，却又把家庭排最后，那就说明，你未必会依赖婚姻这个形式，这排列组合是可以推理的.我想这个东西确实预示性很强，你要什么  肯定会下意识地追求了什么，这点和你的名字命盘也是有据可查的。&lt;br /&gt; &lt;br /&gt; M&amp;#8212;&amp;#8212;金钱（Money）&lt;br /&gt; &lt;br /&gt; L&amp;#8212;&amp;#8212;爱情（Love）&lt;br /&gt; &lt;br /&gt; S&amp;#8212;&amp;#8212;性（Sex）&lt;br /&gt; &lt;br /&gt; F&amp;#8212;&amp;#8212;家庭（Family）&lt;br /&gt; &lt;br /&gt; E&amp;#8212;&amp;#8212;事业（Enterprise）&lt;/p&gt;&lt;/div&gt;&lt;/p&gt;&lt;img src="http://www.cnblogs.com/csn0721/aggbug/1960007.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/csn0721/archive/2011/02/21/1960007.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/csn0721/archive/2011/02/21/1959503.html</id><title type="text">去掉优酷、土豆等视频网站视频前后内置15秒广告的最全最简单方法</title><summary type="text">#优酷127.0.0.1 atm.youku.com127.0.0.1 Fvid.atm.youku.com127.0.0.1 html.atm.youku.com127.0.0.1 valb.atm.youku.com127.0.0.1 valf.atm.youku.com127.0.0.1 valo.atm.youku.com127.0.0.1 valp.atm.youku.com127.0.0.1 lstat.youku.com127.0.0.1 speed.lstat.youku.com127.0.0.1 urchin.lstat.youku.com127.0.0.1 stat.you</summary><published>2011-02-21T02:39:00Z</published><updated>2011-02-21T02:39:00Z</updated><author><name>空杯楠</name><uri>http://www.cnblogs.com/csn0721/</uri></author><link rel="alternate" href="http://www.cnblogs.com/csn0721/archive/2011/02/21/1959503.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/csn0721/archive/2011/02/21/1959503.html"/><content type="html">&lt;div&gt;&lt;em&gt;#优酷&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 atm.youku.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 Fvid.atm.youku.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 html.atm.youku.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 valb.atm.youku.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 valf.atm.youku.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 valo.atm.youku.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 valp.atm.youku.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 lstat.youku.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 speed.lstat.youku.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 urchin.lstat.youku.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 stat.youku.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 static.lstat.youku.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 valc.atm.youku.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 vid.atm.youku.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 walp.atm.youku.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;#百度：&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 a.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 baidutv.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 bar.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 c.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 cjhq.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 cpro.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 drmcmm.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 e.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 eiv.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 hc.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 hm.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 ma.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 nsclick.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 spcode.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 tk.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 union.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 ucstat.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 utility.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 utk.baidu.com&amp;nbsp;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 focusbaiduafp.allyes.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;#奇艺&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 afp.qiyi.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 focusbaiduafp.allyes.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;#CNTV&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 a.cctv.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 a.cntv.cn&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 ad.cctv.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 d.cntv.cn&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 adguanggao.eee114.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 cctv.adsunion.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;#新浪&lt;span style="word-wrap: break-word; line-height: normal; border-bottom: 1px dotted #aaaaaa; white-space: nowrap;"&gt;视频&lt;/span&gt;&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 dcads.sina.com.cn&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;#pptv&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 pp2.pptv.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;#乐视&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 pro.letv.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;#搜狐高清&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 images.sohu.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;@HostsX 国内站点&lt;span style="word-wrap: break-word; line-height: normal; border-bottom: 1px dotted #aaaaaa; white-space: nowrap;"&gt;广告&lt;/span&gt;/视频类网站&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;#CNTV&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 a.cctv.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 a.cntv.cn&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 ad.cctv.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 d.cntv.cn&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 adguanggao.eee114.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 cctv.adsunion.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;#我乐网&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 acs.56.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 acs.agent.56.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 acs.agent.v-56.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 bill.agent.56.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 bill.agent.v-56.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 stat.56.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 stat2.corp.56.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 union.56.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 uvimage.56.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 v16.56.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;#6间房&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 pole.6rooms.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 shrek.6.cn&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 simba.6.cn&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 union.6.cn&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;#土豆网&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 adextensioncontrol.tudou.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 iwstat.tudou.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 nstat.tudou.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 stats.tudou.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 *.p2v.tudou.com*&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 at-img1.tdimg.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 at-img2.tdimg.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 at-img3.tdimg.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 adplay.tudou.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 adcontrol.tudou.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 stat.tudou.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;#酷6网&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 1.allyes.com.cn&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 analytics.ku6.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 gug.ku6cdn.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 ku6.allyes.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 ku6afp.allyes.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 pq.stat.ku6.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 st.vq.ku6.cn&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 stat0.888.ku6.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 stat1.888.ku6.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 stat2.888.ku6.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 stat3.888.ku6.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 static.ku6.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 v0.stat.ku6.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 v1.stat.ku6.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 v2.stat.ku6.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 v3.stat.ku6.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;#激动网&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 86file.megajoy.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 86get.joy.cn&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 86log.joy.cn&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;#天线视频&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 casting.openv.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 m.openv.tv&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 uniclick.openv.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;#迅雷看看屏蔽：&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 mcfg.sandai.net&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 biz5.sandai.net&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 server1.adpolestar.net&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 advstat.xunlei.com&lt;br style="word-wrap: break-word; line-height: normal;" /&gt;127.0.0.1 mpv.sandai.net&lt;/em&gt;&lt;/div&gt;&lt;img src="http://www.cnblogs.com/csn0721/aggbug/1959503.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/csn0721/archive/2011/02/21/1959503.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/csn0721/archive/2010/12/21/1912993.html</id><title type="text">写给自己的一封信：亲爱的自己</title><summary type="text">亲爱的自己，从今天起为了自己骄傲的活着吧，好好爱自己，没有人会心疼你。亲爱的自己，不要太在意一些人太在乎一些事，顺其自然以最佳心态面对，因为这世界就是这么不公平往往在最在乎的事物面前我们最没有价值。亲爱的自己，永远不要为难自己，比如不吃饭、哭泣、自闭、抑郁，这些都是傻瓜才做的事。亲爱的自己，学会聪明一点，不要老是问周围的人一些很白痴的问题，那真的很无聊。亲爱的自己，如果不开心了就找个角落或者在被子里哭一下，你不需要别人同情可怜，哭过之后一样可以开心生活。亲爱的自己，学会控制自己的情绪，谁都不欠你，所以你没有道理跟别人随便发脾气，耍性子。亲爱的自己，你可以失望但不能绝望，你要始终相信，tomor</summary><published>2010-12-21T09:39:00Z</published><updated>2010-12-21T09:39:00Z</updated><author><name>空杯楠</name><uri>http://www.cnblogs.com/csn0721/</uri></author><link rel="alternate" href="http://www.cnblogs.com/csn0721/archive/2010/12/21/1912993.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/csn0721/archive/2010/12/21/1912993.html"/><content type="html">&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，从今天起为了自己骄傲的活着吧，好好爱自己，没有人会心疼你。&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，不要太在意一些人太在乎一些事，顺其自然以最佳心态面对，因为这世界就是这么不公平往往在最在乎的事物面前我们最没有价值。&lt;br /&gt;&lt;/p&gt;&lt;p&gt;亲爱的自己，永远不要为难自己，比如不吃饭、哭泣、自闭、抑郁，这些都是傻瓜才做的事。&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，学会聪明一点，不要老是问周围的人一些很白痴的问题，那真的很无聊。&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，如果不开心了就找个角落或者在被子里哭一下，你不需要别人同情可怜，哭过之后一样可以开心生活。&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，学会控制自己的情绪，谁都不欠你，所以你没有道理跟别人随便发脾气，耍性子。&lt;/p&gt;&#xD;
&lt;p&gt;亲爱的自己，你可以失望但不能绝望，你要始终相信，tomorrow is another day.&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，你不要老是想依赖别人，更不能奢望别人在你需要的时候第一时间站出来，毕竟你们谁都不是谁的谁。&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，永远不要轻易对别人许下承诺，许下的承诺就是欠下的债！&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，这个世界只有回不去的而没有什么是过不去的。&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，别人对你好，你要加倍对别人好，别人对你不好，你还是应该对别人好，因为那说明你还不够好。&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，不管现实有多惨不忍睹你都要固执的相信这只是黎明前短暂的黑暗而已。&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，不要抓住回忆不放，断了线的风筝，只能让它飞，放过它，更是放过自己。&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，全世界只有一个你，就算没有人懂得欣赏，你也要好好爱自己，做最真实的自己。&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，好好对待陪在你身边的那些人，因为爱情可能只是暂时的但友情是一辈子的。&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，你必须找到除了爱情之外，能够使你用双脚坚强站在大地上的东西。&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，记得要常常仰望天空，记住仰望天空的时候也要看看脚下。&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，相信你的直觉，不要招惹别人，也不要让别人来招惹你。&lt;/p&gt;&#xD;
&lt;p&gt;亲爱的自己，永远不要跟别人搞暧昧，你玩不起！&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，不要太低调了，有时要强悍一点，被欺负的时候，一定要讨回来！但是一定不要记恨，小人之见随他们去好了，怜悯会使你高贵。&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己， 要快乐、要开朗、要坚韧、要温暖，这和性格无关。&lt;/p&gt;&#xD;
&lt;p style="margin: 0px 0px 0.7em; padding: 0px; line-height: 1.6;"&gt;亲爱的自己，要自信甚至是自恋一点，时刻提醒自己我值得拥有最好的一切&lt;/p&gt;&lt;img src="http://www.cnblogs.com/csn0721/aggbug/1912993.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/csn0721/archive/2010/12/21/1912993.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/csn0721/archive/2010/12/19/1910914.html</id><title type="text">第三届人本沙龙12月活动小结</title><summary type="text">简介：人本设计沙龙将围绕Web产品和运营展开，我们力争将其打造为国内一流的Web产品论坛。与会者可以发布新站点或新功能，可以讲解一个技术方案的应用，可以分享自己的产品设计或运营经验，甚至可以征询某个问题的答案。　　总结开始： 　　今天有幸参加了第三届人本沙龙的活动，见识了几位大牛：端木，许炜，王守崑。本人从头到尾都在A会场，无法见识B会场的大牛，遗憾。最初的感觉就是人本沙龙参与的门槛变高了，第二届活动是报名即可入场，这次是采用的报名邀请机制。对参会人的质量作了一下把关，产品经理和设计师的比重本届活动达到了60%。其次感觉主办方对活动的时间把控也做的相当的好，一切按照计划进行。 端木恒简介：曾为</summary><published>2010-12-19T15:43:00Z</published><updated>2010-12-19T15:43:00Z</updated><author><name>空杯楠</name><uri>http://www.cnblogs.com/csn0721/</uri></author><link rel="alternate" href="http://www.cnblogs.com/csn0721/archive/2010/12/19/1910914.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/csn0721/archive/2010/12/19/1910914.html"/><content type="html">&lt;p&gt;简介：人本设计沙龙将围绕Web产品和运营展开，我们力争将其打造为国内一流的Web产品论坛。与会者可以发布新站点或新功能，可以讲解一个技术方案的应用，可以分享自己的产品设计或运营经验，甚至可以征询某个问题的答案。&lt;/p&gt;&#xD;
&lt;div align="left"&gt;&#xD;
&lt;p&gt;&lt;strong&gt;　　总结开始：&lt;/strong&gt; &lt;br /&gt;&#xD;
&lt;/p&gt;&#xD;
&lt;/div&gt;&#xD;
&lt;div align="left"&gt;　　今天有幸参加了&lt;a target="_blank" href="http://hdsalon.org/"&gt;第三届人本沙龙的活动&lt;/a&gt;，见识了几位大牛：端木，许炜，王守崑。本人从头到尾都在A会场，无法见识B会场的大牛，遗憾。最初的感觉就是人本沙龙参与的门槛变高了，&lt;a target="_blank" href="http://hdsalon.org/201004/"&gt;第二届活动&lt;/a&gt;是报名即可入场，这次是采用的报名邀请机制。对参会人的质量作了一下把关，产品经理和设计师的比重本届活动达到了60%。其次感觉主办方对活动的时间把控也做的相当的好，一切按照计划进行。&amp;nbsp;&lt;/div&gt;&#xD;
&lt;ul&gt;&#xD;
     &lt;li&gt;端木恒&lt;/li&gt;&#xD;
&lt;/ul&gt;&#xD;
&lt;blockquote style='border:2px solid #EFEFEF;color:#333333;padding:5px 10px;'&gt;&#xD;
&lt;p&gt;简介：&lt;span&gt;曾为苹果 公司工作6年，任职于Worldwide Developer Relations、Asia Education &amp;amp; Strategy Development等部门，并作为独立顾问负责苹果与富士康的社会责任感教育联合项目。他曾在多种公共活动分享产品设计演讲，并在包括搜狐、腾讯、豆 瓣等公司内分享产品设计经验。目前专注于iOS/Android平台的产品设计工作。&lt;/span&gt;&lt;br /&gt;&#xD;
&lt;/p&gt;&#xD;
&lt;/blockquote&gt;&#xD;
&lt;p&gt;主题：微博产品设计&lt;br /&gt;&#xD;
&lt;/p&gt;&#xD;
&lt;p&gt;内容提取：Values &amp;amp;&amp;amp; Principles。端木说：去掉某浪、某讯、某易、某狐，今天我们谈的是微博，而不是具体的某一个微博产品。做产品不要考虑产品的执行细节，而是要考虑细节后面的原理。不要因为用户的需求而去改变自己的产品形态，要清楚自己的产品要做什么，不需要做什么！分享端木会上的一句话：We shape our tools and then our tools shape us.&lt;br /&gt;&#xD;
&lt;/p&gt;&#xD;
&lt;p&gt;小结：听端木的讲座需要动脑子，首先他的PPT基本是纯英文的，本人英语不大好，吃力。其次，端木讲的比较的理论，如何去做一个产品，如何设计，多少个字符，等等。不过对于我一个入门菜鸟来说，加强下理论知识还是相当不错的。不过理论肯定不会出现好产品，好产品都是做出来的，需要用户的验证。&lt;/p&gt;&#xD;
&lt;ul&gt;&#xD;
     &lt;li&gt;许炜 &lt;br /&gt;&#xD;
     &lt;/li&gt;&#xD;
&lt;/ul&gt;&#xD;
&lt;blockquote style='border:2px solid #EFEFEF;color:#333333;padding:5px 10px;'&gt;&#xD;
&lt;p&gt;简介：Google中国第一位产品经理，旅游、摄影、马拉松及电子玩具爱好者。Google中国首位产品经理。曾负责 热榜/输入法/谷歌金山词霸/iGoogle/手机地图等多项产品的开发工作。目前从事电子商务相关产品的研发工作。&lt;/p&gt;&#xD;
&lt;/blockquote&gt;&#xD;
&lt;p&gt;主题：网购2012 O2O &lt;/p&gt;&#xD;
&lt;p&gt;内容提取：O2O offline to online 线下销售更多在线上生成 / online to offline 线上应用给线下商户带来更多商务。&lt;br /&gt;&#xD;
&lt;/p&gt;&#xD;
&lt;p&gt;小结：O2O&amp;nbsp; 大家发挥想象空间吧。想象吧......&lt;/p&gt;&#xD;
&lt;ul&gt;&#xD;
     &lt;li&gt;&#xD;
     &lt;div&gt;王守崑&lt;/div&gt;&#xD;
     &lt;/li&gt;&#xD;
&lt;/ul&gt;&#xD;
&lt;blockquote style='border:2px solid #EFEFEF;color:#333333;padding:5px 10px;'&gt;&#xD;
&lt;div&gt;毕业于清华大学自动化系，分别获工学学士和工学硕士学位，现任豆瓣网首席科学家。目前专注于互联网信息架构与算法、个性化推荐系统、web2.0网络模式创新、数字音乐与在线收听等应用。&lt;/div&gt;&#xD;
&lt;/blockquote&gt;&#xD;
&lt;p&gt;主题：Personalized Recommendations, The Next Big Thing? 个性化推荐，下一件大事？&lt;/p&gt;&#xD;
&lt;p&gt;摘录的一些PPT文字： 胖子是围绕下面4个主题来贯穿主PPT的：&lt;br /&gt;&#xD;
&lt;/p&gt;&#xD;
&lt;blockquote style='border:2px solid #EFEFEF;color:#333333;padding:5px 10px;'&gt;&#xD;
&lt;p&gt;1、谁在提供个性化推荐系统&lt;/p&gt;&#xD;
&lt;p&gt;2、什么是个性化推荐系统&lt;/p&gt;&#xD;
&lt;p&gt;3、下一代推荐系统&lt;/p&gt;&#xD;
&lt;p&gt;4、个人化推荐系统是不是一件大事&amp;nbsp; &lt;br /&gt;&#xD;
&lt;/p&gt;&#xD;
&lt;/blockquote&gt;&#xD;
&lt;p&gt;谁在提供个性化推荐： &lt;/p&gt;&#xD;
&lt;blockquote style='border:2px solid #EFEFEF;color:#333333;padding:5px 10px;'&gt;&#xD;
&lt;ul&gt;&#xD;
     &lt;li&gt;黑盒推荐：机器 学习 社会化推荐&lt;/li&gt;&#xD;
     &lt;ul&gt;&#xD;
         &lt;li&gt;存在的不足：&lt;/li&gt;&#xD;
         &lt;li&gt;倾向于给出平庸的推荐&lt;/li&gt;&#xD;
         &lt;li&gt;放大噪音&lt;/li&gt;&#xD;
         &lt;li&gt;有信息无结构&lt;/li&gt;&#xD;
         &lt;li&gt;缺乏对用户的持续关注&lt;br /&gt;&#xD;
         &lt;/li&gt;&#xD;
     &lt;/ul&gt;&#xD;
     &lt;li&gt;白盒推荐：基于内容、知识的推荐&amp;#8212;&amp;#8212;&amp;gt;编辑推荐&lt;br /&gt;&#xD;
     &lt;/li&gt;&#xD;
&lt;/ul&gt;&#xD;
&lt;/blockquote&gt;&lt;p&gt;......省略八千字，请大家关注活动主页，稍后PPT、视频等资料会全部放出。&lt;/p&gt;&lt;p&gt;总结：推荐系统要以开放系统为基础，以信息的自由流动为基础，以超链接的分析为基础。多维的信息模式，更多的环境因素。比如豆瓣电台，如何做好推荐，需要考虑风格、年代、收听时长、当前的状态、未来做好个性化推荐还会考虑用户的情境问题，根据用户所处的情境，创建出更好的用户体验，更懂用户，就好比用手机和PC的状态一定有不一样的地方。&lt;br /&gt;&lt;/p&gt;&lt;p&gt;对了，&lt;a target=""&gt;以前关于豆瓣电台还写过一篇日志&lt;/a&gt;，10月份豆瓣电台改版了，看来得去用用咯。 &lt;br /&gt;&lt;/p&gt;&lt;img src="http://www.cnblogs.com/csn0721/aggbug/1910914.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/csn0721/archive/2010/12/19/1910914.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/csn0721/archive/2010/10/22/1858656.html</id><title type="text">试用豆瓣电台2天</title><summary type="text">以前在Google音乐听音乐，最近听朋友介绍来到了豆瓣。朋友说：豆瓣这么好的地方，你竟然不玩。于是，进入豆瓣，进入第一个板块&amp;#8220;豆瓣音乐&amp;#8221;。我应该算是豆瓣的小白用户吧，大概注册了有大半年了，但是从来没去玩过。只记得去看过几次同城活动，大部分不感兴趣，后来也就不上豆瓣了...　　记得那天是什么情况呢，Google音乐有我建立的播放列表，我比较喜欢听一些欧美流行的，但是上面的一些...</summary><published>2010-10-22T11:36:00Z</published><updated>2010-10-22T11:36:00Z</updated><author><name>空杯楠</name><uri>http://www.cnblogs.com/csn0721/</uri></author><link rel="alternate" href="http://www.cnblogs.com/csn0721/archive/2010/10/22/1858656.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/csn0721/archive/2010/10/22/1858656.html"/><content type="html">&lt;p&gt;以前在Google音乐听音乐，最近听朋友介绍来到了豆瓣。朋友说：豆瓣这么好的地方，你竟然不玩。于是，进入豆瓣，进入第一个板块&amp;#8220;豆瓣音乐&amp;#8221;。我应该算是豆瓣的小白用户吧，大概注册了有大半年了，但是从来没去玩过。只记得去看过几次同城活动，大部分不感兴趣，后来也就不上豆瓣了...&lt;/p&gt;&lt;p&gt;记得那天是什么情况呢，Google音乐有我建立的播放列表，我比较喜欢听一些欧美流行的，但是上面的一些音乐差不多都听烂了，于是想去HitFM(解释一下：Hit FM 经常推荐世界各大排行榜上名列前茅的最新动感歌曲)去听一些新歌，由于是下午时间，手机耳机没带，于是我打开了他们的网页收听地址，无奈网速太卡，这时，突然想起豆瓣电台，于是进入了豆瓣电台的世界。&lt;br /&gt;&lt;/p&gt;&lt;p&gt;出入豆瓣电台，感觉界面很简单，没有太多的干扰信息，这个，我喜欢。 &lt;br /&gt;&lt;/p&gt;&lt;p&gt;但是...&lt;/p&gt;&lt;p&gt;后来...&lt;/p&gt;&lt;p&gt;第二天... &lt;br /&gt;&lt;/p&gt;&lt;p&gt;我发现...&lt;/p&gt;&lt;p&gt;豆瓣电台还是无法满足我的需求。 &lt;br /&gt;&lt;/p&gt;&lt;p align="center"&gt;&lt;img alt="" src="http://images.cnblogs.com/cnblogs_com/csn0721/WindowsLiveWriter/%E4%B8%BB%E9%A1%B5.jpg" width="769" height="377" /&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;而且我发现，他有让我很纠结的地方。这个页面我无法搜索歌曲，不能听我现在想听的歌曲，作为电台他也缺少互动。不过传统的电台放歌也都是DJ控制的。但还是会跟听众互动，听众可以点歌。哈，扯远了，继续豆瓣电台。&lt;span style="background-color: #ffffff;"&gt;也许这正是豆瓣的特色呢。但我就是觉得有不方便的地方，瞎侃侃。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;我很纠结他的&amp;#8220;加心XX首&amp;#8221;。一开始我认为这个是不是一个类似收藏的按钮的，如果我喜欢，那我下次要听这个歌曲就比较方便，可以点击这个喜欢的按钮进去，进行试听。然后结果呢，我发现不是的，好像没有什么太大的意义。我无法搜听我喜欢的歌曲。起码作为小白用户的我，在使用了2个半天还没有发现。&lt;br /&gt;&lt;/p&gt;&lt;p&gt;打个比方：Don't Stop the music 这首歌我已经添加过喜欢了。但是第二次我还是可以点击喜欢，这个就让我很费解。一开始我还在想，豆瓣怎么会有重复的问题呢，这个音乐我选过了，为什么还要再选一次呢，为了确认是不是真的选择喜欢过了，我还特地去查看了喜欢的列表，发现还真是添加过了。于是，我想可能是编辑添加的时候粗心，添加了重复的歌曲进去。不过第二次没多久我又碰到那个问题了。这下我知道，原来不是编辑的问题，原来是故意的。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;div align="center"&gt;&lt;img alt="" src="http://images.cnblogs.com/cnblogs_com/csn0721/QQ%E6%88%AA%E5%9B%BE%E6%9C%AA%E5%91%BD%E5%90%8D2.png" width="416" height="186" /&gt;&lt;/div&gt; &lt;br /&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;这个喜欢的按钮是灰色的，我可以添加。添加之后变成...&lt;/p&gt;&lt;p align="center"&gt;&lt;img alt="" src="http://images.cnblogs.com/cnblogs_com/csn0721/QQ%E6%88%AA%E5%9B%BE%E6%9C%AA%E5%91%BD%E5%90%8D1.png" width="430" height="189" /&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;然后在我的&amp;#8220;加心X首&amp;#8221;的歌曲下面就变成&lt;/p&gt;&lt;p align="center"&gt;&lt;img alt="" src="http://images.cnblogs.com/cnblogs_com/csn0721/QQ%E6%88%AA%E5%9B%BE%E6%9C%AA%E5%91%BD%E5%90%8D3.jpg" width="632" height="536" /&gt;&amp;nbsp;&lt;/p&gt;&lt;p align="center"&gt;&lt;img alt="" src="http://images.cnblogs.com/cnblogs_com/csn0721/QQ%E6%88%AA%E5%9B%BE%E6%9C%AA%E5%91%BD%E5%90%8D4.jpg" width="632" height="539" /&gt;&lt;/p&gt;&lt;p&gt;细心的朋友会发现，他给我添加了2次。 这个就让我很纠结了！如果我听的歌曲多了，那我选择的喜欢就多了，用户根本记忆不了自己到底选择过什么歌曲。而且在豆瓣听音乐有很大的随机性，于是，可能在喜欢的歌曲中会有很多重复的歌曲存在。&lt;br /&gt;&lt;/p&gt;&lt;p&gt;量子跟我说：如果你喜欢某一首歌多几次，那么听到的概率就更大。但是豆瓣的下一首歌曲我永远不知道，如果某一首歌我选择了10次，100次，那是不是会经常播放，但万一哪天我烦了这首歌了，他还老出来，那怎么办？岂不是很烦。&lt;/p&gt;&lt;p&gt;也许豆瓣这么做是想更了解用户他更偏爱于哪一首歌，这样在推荐的时候多次，可以让用户觉得&amp;#8220;Hi，朋友，我是豆瓣，我更懂你，我知道你的喜好&amp;#8221;。但是，如果哪天豆瓣的这个加心歌曲能导出列表，我觉得会有很大的麻烦，因为重复的曲目实在太多了。&lt;/p&gt;&lt;p&gt;看这个：&lt;/p&gt;&lt;p align="center"&gt;&lt;img alt="" src="http://images.cnblogs.com/cnblogs_com/csn0721/QQ%E6%88%AA%E5%9B%BE%E6%9C%AA%E5%91%BD%E5%90%8D.jpg" width="404" height="66" /&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;有一点很突出，是多少首。而不是加心多少次。如果这个歌曲我选择了很多次，万一点击进去是这个页面，那岂不是要崩溃了。&lt;br /&gt;&lt;/p&gt;&lt;p align="center"&gt;&lt;img alt="" src="http://images.cnblogs.com/cnblogs_com/csn0721/QQ%E6%88%AA%E5%9B%BE%E9%87%8D%E5%A4%8D.jpg" width="629" height="503" /&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;或者可以把加心次数最多的 显示在前面。曲目不变，不要重复重复的曲目，简单草图&lt;br /&gt;&lt;/p&gt;&lt;p align="center"&gt;&lt;img alt="" src="http://images.cnblogs.com/cnblogs_com/csn0721/QQ%E6%88%AA%E5%9B%BE%E6%9C%AA%E5%91%BD%E5%90%8D34.jpg" width="622" height="505" /&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;本人对&amp;#8220;我的电台&amp;#8221;不是很了解。也不知道如何建立，难道只是能过滤掉一些我不收听的音乐。&lt;/li&gt;&lt;/ul&gt;&lt;div align="center"&gt;&lt;img alt="" src="http://images.cnblogs.com/cnblogs_com/csn0721/QQ%E6%88%AA%E5%9B%BE%E6%9C%AA%E5%91%BD%E5%90%8D45.jpg" width="852" height="152" /&gt;&lt;br /&gt;&lt;/div&gt;&lt;ul&gt;&lt;li&gt;&amp;nbsp;豆瓣只有跳过的功能，若我听到一首很不错的歌曲，我想点击喜欢的，可我要去的时候，正好开始播放下一首了，这个太纠结了...&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;放一张Google音乐的播放器再看看。&lt;/p&gt;&lt;p align="center"&gt;&lt;img alt="" src="http://images.cnblogs.com/cnblogs_com/csn0721/Google.jpg" width="744" height="529" /&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;我不说Google多好，Google的更新太慢了。哈哈。不然也不会转战豆瓣电台。 &lt;br /&gt;&lt;/p&gt;&lt;p&gt;豆瓣，走的是电台路线吗？网络电台跟传统的电台应该也有所差异，豆瓣电台对我而言他最基本的还是一个听音乐的平台。功能可以简单，只是我觉得作为网络播放器最基本的功能应该有吧。&lt;/p&gt;&lt;p&gt;我是小白用户，如果说错了，还望各位看客积极指出。&lt;/p&gt;&lt;p&gt;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;分割线&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212; &lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="background-color: #ffffff;"&gt;　　&lt;/span&gt;&lt;span style="background-color: #ff0000;"&gt;某麻辣点评：&lt;/span&gt;&lt;/p&gt;&lt;p&gt;如果豆瓣实现了你说的那些功能。那么，豆瓣就和其他诸如巨鲸、酷狗等差不多了，豆瓣就不是豆瓣了。豆瓣之所以是豆瓣，就是因为只有三个按钮，其他的完全不能控制。以前我上班总是用酷狗下载歌曲来听，但是我后来总是用豆瓣了，因为我总来不会知道下一首是什么。我总是不经意地听到一首巨喜欢的歌，然后就把名字记下来，顺便打个心。然后，我不经意听到的喜欢的歌，这种感觉更多了。这就是豆瓣带给我的。就是这种感觉！&lt;/p&gt;&lt;p&gt;可以说，豆瓣的心，目的在于以后能越来越碰到自己喜欢的歌，而不是给你一个播放列表。&lt;br /&gt;&lt;/p&gt;&lt;p&gt;作为一个产品人员，不但要从该产品能够满足用户的哪一个需求研究，也要研究公司的商业目的。豆瓣满足的不是播放列表的需求，而豆瓣电台本身就是一种广告形式。&lt;/p&gt;&lt;p&gt;右侧广告链接：&lt;/p&gt;&lt;p align="center"&gt;&lt;img src="http://pic002.cnblogs.com/images/2010/66372/2010102309514714.jpg" alt="" width="789" border="0" height="424" /&gt; &lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;分割线&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&amp;#8212;&lt;/p&gt;&lt;p&gt;今天第三天，周末，继续豆瓣电台下 &lt;br /&gt;&lt;/p&gt;&lt;img src="http://www.cnblogs.com/csn0721/aggbug/1858656.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/csn0721/archive/2010/10/22/1858656.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/csn0721/archive/2010/06/21/1761637.html</id><title type="text">马斯洛人类需求五层次理论</title><summary type="text">作者简介　　伯拉罕&amp;#183;马斯洛(Abraham Harold Maslow, 1908-1970) 出生于纽约市布鲁克林区。美国社会心理学家、人格理论家和比较心理学家，人本主义心理学的主要发起者和理论家,心理学第三势力的领导人。1926年入康乃尔大学，三年后转至威斯康辛大学攻读心理学，在著名心理学家哈洛的指导下，1934年获得博士学位。之后，留校任教。1935年在哥伦比亚大学任桑代克学习心理...</summary><published>2010-06-20T16:15:00Z</published><updated>2010-06-20T16:15:00Z</updated><author><name>空杯楠</name><uri>http://www.cnblogs.com/csn0721/</uri></author><link rel="alternate" href="http://www.cnblogs.com/csn0721/archive/2010/06/21/1761637.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/csn0721/archive/2010/06/21/1761637.html"/><content type="html">&lt;strong&gt;　作者简介&lt;/strong&gt;&lt;br /&gt;　　伯拉罕&amp;#183;马斯洛(Abraham Harold Maslow, 1908-1970) 出生于纽约市布鲁克林区。美国社会心理学家、人格理论家和比较心理学家，人本主义心理学的主要发起者和理论家,心理学第三势力的领导人。1926年入康乃尔大学，三年后转至威斯康辛大学攻读心理学，在著名心理学家哈洛的指导下，1934年获得博士学位。之后，留校任教。1935年在哥伦比亚大学任桑代克学习心理研究工作助理。1937年任纽约布鲁克林学院副教授。1951年被聘为布兰戴斯大学心理学教授兼系主任。1969年离任，成为加利福尼亚劳格林慈善基金会第一任常驻评议员。第二次世界大战后转到布兰戴斯大学任心理学教授兼系主任，开始对健康人格或自我实现者的心理特征进行研究。曾任美国人格与社会心理学会主席和美国心理学会主席（1967），是&amp;lt;&amp;lt;人本主义心理学&amp;gt;&amp;gt;和&amp;lt;&amp;lt;超个人心理学&amp;gt;&amp;gt;两个杂志的首任编辑。&lt;br /&gt;&lt;p&gt;&lt;strong&gt;　马斯洛的需求层次理论简介&lt;/strong&gt;&lt;/p&gt;　　马斯洛人类需求五层次理论(Maslow's Hierarchy of Needs)&lt;br /&gt;　　在马斯洛看来，人类价值体系存在两类不同的需要，一类是沿生物谱系上升方向逐渐变弱的本能或冲动，称为低级需要和生理需要。一类是随生物进化而逐渐显现的潜能或需要，称为高级需要。&lt;br /&gt;　　人都潜藏着这五种不同层次的需要，但在不同的时期表现出来的各种需要的迫切程度是不同的。人的最迫切的需要才是激励人行动的主要原因和动力。人的需要是从外部得来的满足逐渐向内在得到的满足转化。&lt;br /&gt;　　低层次的需要基本得到满足以后，它的激励作用就会降低，其优势地位将不再保持下去，高层次的需要会取代它成为推动行为的主要原因。有的需要一经满足，便不能成为激发人们行为的起因，于是被其他需要取而代之。&lt;br /&gt;　　高层次的需要比低层次的需要具有更大的价值。热情是由高层次的需要激发。人的最高需要即自我实现就是以最有效和最完整的方式表现他自己的潜力，惟此才能使人得到高峰体验。&lt;br /&gt;　　人的五种基本需要在一般人身上往往是无意识的。对于个体来说，无意识的动机比有意识的动机更重要。对于有丰富经验的人，通过适当的技巧，可以把无意识的需要转变为有意识的需要。&lt;br /&gt;　　马斯洛还认为：在人自我实现的创造性过程中，产生出一种所谓的&amp;#8220;高峰体验&amp;#8221;的情感，这个时候是人处于最激荡人心的时刻，是人的存在的最高、最完美、最和谐的状态，这时的人具有一种欣喜若狂、如醉如痴、销魂的感觉。&lt;br /&gt;　　试验证明，当人呆在漂亮的房间里面就显得比在简陋的房间里更富有生气、更活泼、更健康；一个善良、真诚、美好的人比其他人更能体会到存在于外界中的真善美。当人们在外界发现了最高价值时，就可能同时在自己的内心中产生或加强这种价值。总之，较好的人和处于较好环境的人更容易产生高峰体验。&lt;br /&gt;　　马斯洛在1943年发表的《人类动机的理论》（ A Theory of Human Motivation Psychological Review）一书中提出了需要层次论。这种理论的构成根据3个基本假设：&lt;br /&gt;　　人要生存，他的需要能够影响他的行为。只有未满足的需要能够影响行为，满足了的需要不能充当激励工具。&lt;br /&gt;　　人的需要按重要性和层次性排成一定的次序，从基本的（如食物和住房）到复杂的（如自我实现）。&lt;br /&gt;　　当人的某一级的需要得到最低限度满足后，才会追求高一级的需要，如此逐级上升，成为推动继续努力的内在动力。&lt;br /&gt;&lt;p&gt;马斯洛理论把需求分成生理需求、安全需求、社会需求、尊重需求和自我实现需求五类，依次由较低层次到较高层次（如词条附图所示）。&lt;/p&gt;&lt;p align="center"&gt;&lt;p&gt;&lt;a target="_blank" href="http://wiki.mbalib.com/wiki/Image:%E9%A9%AC%E6%96%AF%E6%B4%9B%E4%BA%BA%E7%B1%BB%E9%9C%80%E6%B1%82%E4%BA%94%E5%B1%82%E6%AC%A1%E7%90%86%E8%AE%BA1.jpg" title="maslow,Maslow's Hierarchy of Needs,Maslow's Hierarchy of Needs Theory,Hierarchy of Needs Theory,马斯洛,马斯洛需求理论,马斯洛人类需求五层次理论,马斯洛需求层次理论,需求层次理论,马斯洛层次分析法理论,马斯洛需求层次论,马斯洛的需求理论,马斯洛的需要层次论,需要层次理论"&gt;&lt;img src="http://wiki.mbalib.com/w/images/7/73/%E9%A9%AC%E6%96%AF%E6%B4%9B%E4%BA%BA%E7%B1%BB%E9%9C%80%E6%B1%82%E4%BA%94%E5%B1%82%E6%AC%A1%E7%90%86%E8%AE%BA1.jpg" alt="maslow,Maslow's Hierarchy of Needs,Maslow's Hierarchy of Needs Theory,Hierarchy of Needs Theory,马斯洛,马斯洛需求理论,马斯洛人类需求五层次理论,马斯洛需求层次理论,需求层次理论,马斯洛层次分析法理论,马斯洛需求层次论,马斯洛的需求理论,马斯洛的需要层次论,需要层次理论" longdesc="/wiki/Image:%E9%A9%AC%E6%96%AF%E6%B4%9B%E4%BA%BA%E7%B1%BB%E9%9C%80%E6%B1%82%E4%BA%94%E5%B1%82%E6%AC%A1%E7%90%86%E8%AE%BA1.jpg" width="340" height="237" /&gt;&lt;/a&gt;&amp;nbsp;&lt;/p&gt;&lt;/p&gt;&lt;strong&gt;　　马斯洛的需求层次理论基本内容&lt;/strong&gt;&lt;br /&gt;　　各层次需要的基本含义如下：&lt;br /&gt;　　（1）生理上的需要&lt;br /&gt;　　这是人类维持自身生存的最基本要求，包括饥、渴、衣、住、性的方面的要求。如果这些需要得不到满足，人类的生存就成了问题。在这个意义上说，生理需要是推动人们行动的最强大的动力。马斯洛认为，只有这些最基本的需要满足到维持生存所必需的程度后，其他的需要才能成为新的激励因素，而到了此时，这些已相对满足的需要也就不再成为激励因素了。&lt;br /&gt;　　（2）安全上的需要&lt;br /&gt;　　这是人类要求保障自身安全、摆脱事业和丧失财产威胁、避免职业病的侵袭、接触严酷的监督等方面的需要。马斯洛认为，整个有机体是一个追求安全的机制，人的感受器官、效应器官、智能和其他能量主要是寻求安全的工具，甚至可以把科学和人生观都看成是满足安全需要的一部分。当然，当这种需要一旦相对满足后，也就不再成为激励因素了。&lt;br /&gt;　　（3）感情上的需要&lt;br /&gt;　　这一层次的需要包括两个方面的内容。一是友爱的需要，即人人都需要伙伴之间、同事之间的关系融洽或保持友谊和忠诚；人人都希望得到爱情，希望爱别人，也渴望接受别人的爱。二是归属的需要，即人都有一种归属于一个群体的感情，希望成为群体中的一员，并相互关心和照顾。感情上的需要比生理上的需要来的细致，它和一个人的生理特性、经历、教育、宗教信仰都有关系。&lt;br /&gt;　　（4）尊重的需要&lt;br /&gt;　　人人都希望自己有稳定的社会地位，要求个人的能力和成就得到社会的承认。尊重的需要又可分为内部尊重和外部尊重。内部尊重是指一个人希望在各种不同情境中有实力、能胜任、充满信心、能独立自主。总之，内部尊重就是人的自尊。外部尊重是指一个人希望有地位、有威信，受到别人的尊重、信赖和高度评价。马斯洛认为，尊重需要得到满足，能使人对自己充满信心，对社会满腔热情，体验到自己活着的用处和价值。&lt;br /&gt;　　（5）自我实现的需要&lt;br /&gt;　　这是最高层次的需要，它是指实现个人理想、抱负，发挥个人的能力到最大程度，完成与自己的能力相称的一切事情的需要。也就是说，人必须干称职的工作，这样才会使他们感到最大的快乐。马斯洛提出，为满足自我实现需要所采取的途径是因人而异的。自我实现的需要是在努力实现自己的潜力，使自己越来越成为自己所期望的人物。&lt;br /&gt;　　&lt;strong&gt;马斯洛的需求层次理论基本观点&lt;/strong&gt;&lt;br /&gt;　　（1） 五种需要象阶梯一样从低到高，按层次逐级递升，但这样次序不是完全固定的，可以变化，也有种种例外情况。&lt;br /&gt;　　（2） 一般来说，某一层次的需要相对满足了，就会向高一层次发展，追求更高一层次的需要就成为驱使行为的动力。相应的，获得基本满足的需要就不再是一股激励力量。&lt;br /&gt;　　（3）五种需要可以分为高低两级，其中生理上的需要、安全上的需要和感情上的需要都属于低一级的需要，这些需要通过外部条件就可以满足；而尊重的需要和自我实现的需要是高级需要，他们是通过内部因素才能满足的，而且一个人对尊重和自我实现的需要是无止境的。同一时期，一个人可能有几种需要，但每一时期总有一种需要占支配地位，对行为起决定作用。任何一种需要都不会因为更高层次需要的发展而消失。各层次的需要相互依赖和重叠，高层次的需要发展后，低层次的需要仍然存在，只是对行为影响的程度大大减小。&lt;br /&gt;　　（4）马斯洛和其他的行为科学家都认为，一个国家多数人的需要层次结构，是同这个国家的经济发展水平、科技发展水平、文化和人民受教育的程度直接相关的。在不发达国家，生理需要和安全需要占主导的人数比例较大，而高级需要占主导的人数比例较小；而在发达国家，则刚好相反。在同一国家不同时期，人们的需要层次会随着生产水平的变化而变化，戴维斯（K.Davis）曾就美国的情况做过估计，（如参考资料2表）&lt;br /&gt;&lt;strong&gt;　　对需求层次理论的评价&lt;/strong&gt;&lt;br /&gt;　　马斯洛的需求层次理论，在一定程度上反映了人类行为和心理活动的共同规律。马斯洛从人的需要出发探索人的激励和研究人的行为，抓住了问题的关键；马斯洛指出了人的需要是由低级向高级不断发展的，这一趋势基本上符合需要发展规律的。因此，需要层次理论对企业管理者如何有效的调动人的积极性有启发作用。&lt;br /&gt;　　但是，马斯洛是离开社会条件、离开人的历史发展以及人的社会实践来考察人的需要及其结构的。其理论基础是存在主义的人本主义学说，即人的本质是超越社会历史的，抽象的&amp;#8220;自然人&amp;#8221;，由此得出的一些观点就难以适合其他国家的情况。&lt;br /&gt;&lt;p&gt;马斯洛需求层次理论中提到人的需求满足是阶梯式的，是一个需要满足后再追求下一个需要。只是我并不觉得人的需求有着如此强烈的界限划分。难道除了追求基本需求之外人就不能逾越需求的界限去渴望新的超越吗？或者说，平凡的人除了生活简单层次需求的追求就丧失了自我实现需求的追求吗？平凡中孕育着不平凡的理想和追求，也会因之产生了超越基本需求的动力。&lt;/p&gt;&lt;p align="center"&gt;&lt;a target="_blank" href="http://wiki.mbalib.com/wiki/Image:%E9%A9%AC%E6%96%AF%E6%B4%9B%E4%BA%BA%E7%B1%BB%E9%9C%80%E6%B1%82%E4%BA%94%E5%B1%82%E6%AC%A1%E7%90%86%E8%AE%BA2.gif" title="maslow,Maslow's Hierarchy of Needs,Maslow's Hierarchy of Needs Theory,Hierarchy of Needs Theory,马斯洛,马斯洛需求理论,马斯洛人类需求五层次理论,马斯洛需求层次理论,需求层次理论,马斯洛层次分析法理论,马斯洛需求层次论,马斯洛的需求理论,马斯洛的需要层次论,需要层次理论"&gt;&lt;img src="http://wiki.mbalib.com/w/images/c/c2/%E9%A9%AC%E6%96%AF%E6%B4%9B%E4%BA%BA%E7%B1%BB%E9%9C%80%E6%B1%82%E4%BA%94%E5%B1%82%E6%AC%A1%E7%90%86%E8%AE%BA2.gif" alt="maslow,Maslow's Hierarchy of Needs,Maslow's Hierarchy of Needs Theory,Hierarchy of Needs Theory,马斯洛,马斯洛需求理论,马斯洛人类需求五层次理论,马斯洛需求层次理论,需求层次理论,马斯洛层次分析法理论,马斯洛需求层次论,马斯洛的需求理论,马斯洛的需要层次论,需要层次理论" longdesc="/wiki/Image:%E9%A9%AC%E6%96%AF%E6%B4%9B%E4%BA%BA%E7%B1%BB%E9%9C%80%E6%B1%82%E4%BA%94%E5%B1%82%E6%AC%A1%E7%90%86%E8%AE%BA2.gif" width="571" height="135" /&gt;&lt;/a&gt;&amp;nbsp;&lt;/p&gt;　&lt;strong&gt;　需要层次理论的价值&lt;/strong&gt;&lt;br /&gt;　　关于马斯洛理论的价值，目前国内外尚有各种不同的说法。我们认为，绝对肯定或绝对否定都是不恰当的，因为这个理论既有其积极因素，也有其消极因素。&lt;br /&gt;　　1．马斯洛理论的积极因素&lt;br /&gt;　　第一，马斯洛提出人的需要有一个从低级向高级发展的过程，这在某种程度上是符合人类需要发展的一般规律的。一个人从出生到成年，其需要的发展过程，基本上是按照马斯洛提出的需要层次进行的。当然，关于自我实现是否能作为每个人的最高需要，目前尚有争议。但他提出的需要是由低级向高级发展的趋势是无可置疑的。&lt;br /&gt;　　第二，马斯洛的需要层次理论指出了人在每一个时期，都有一种需要占主导地位，而其他需要处于从属地位。这一点对于管理工作具有启发意义。&lt;br /&gt;　　第三，马斯洛需要层次论的基础是他的人本主义心理学。他认为人的内在力量不同于动物的本能，人要求内在价值和内在潜能的实现乃是人的本性，人的行为是受意识支配的，人的行为是有目的性和创造性的。&lt;br /&gt;2．马斯洛理论的消极因素&lt;br /&gt;　　第一，马斯洛过分地强调了遗传在人的发展中的作用，认为人的价值就是一种先天的潜能，而人的自我实现就是这种先天潜能的自然成熟过程，社会的影响反而束缚了一个人的自我实现。这种观点，过分强调了遗传的影响，忽视了社会生活条件对先天潜能的制约作用。&lt;br /&gt;　　第二，马斯洛的需要层次理论带有一定的机械主义色彩。一方面，他提出了人类需要发展的一般趋势。另一方面，他又在一定程度上，把这种需要层次看成是固定的程序，看成是一种机械的上升运动，忽视了人的主观能动性，忽视了通过思想教育可以改变需要层次的主次关系。&lt;br /&gt;　　第三，马斯洛的需要层次理论，只注意了一个人各种需要之间存在的纵向联系，忽视了一个人在同一时间内往往存在多种需要，而这些需要又会互相矛盾，进而导致动机的斗争。&lt;br /&gt;&lt;strong&gt;　　需要层次论在管理中的应用&lt;/strong&gt;&lt;br /&gt;　　马斯洛把人的需要划分为五个层次：生理的需要、安全的需要、社会上的需要（友爱和归属的需要)、尊重的需要、自我实现的需要。了解员工的需要是应用需要层次论对员工进行激励的一个重要前提。在不同组织中、不同时期的员工以及组织中不同的员工的需要充满差异性，而且经常变化。因此，管理者应该经常性地用各种方式进行调研，弄清员工未得到满足的需要是什么，然后有针对性地进行激励。&lt;img src="http://www.cnblogs.com/csn0721/aggbug/1761637.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/csn0721/archive/2010/06/21/1761637.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/csn0721/archive/2010/06/04/1751507.html</id><title type="text">使用css3仿造window7的开始菜单</title><summary type="text">相当逼真，css3果然强悍。 友情提示：请勿在IE下浏览。 查看实例：http://www.jankoatwarpspeed.com/examples/windows7menu/ 点击下载：http://www.36ria.com/wp-content/plugins/download-monitor/download.php?id=170 来看下原作者的设计草图： 简明创建过程第一步 ：创建如下...</summary><published>2010-06-04T07:52:00Z</published><updated>2010-06-04T07:52:00Z</updated><author><name>空杯楠</name><uri>http://www.cnblogs.com/csn0721/</uri></author><link rel="alternate" href="http://www.cnblogs.com/csn0721/archive/2010/06/04/1751507.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/csn0721/archive/2010/06/04/1751507.html"/><content type="html">&lt;p&gt;&lt;img title="windows7menu" alt="" src="http://www.36ria.com/wp-content/uploads/2010/06/windows7menu.png" width="500" height="407" /&gt; &lt;/p&gt;&lt;p&gt;相当逼真，css3果然强悍。&lt;/p&gt; &lt;p&gt;友情提示：请勿在IE下浏览。&lt;/p&gt; &lt;p&gt;查看实例：&lt;a target="_blank" title="http://www.jankoatwarpspeed.com/examples/windows7menu/" href="http://www.jankoatwarpspeed.com/examples/windows7menu/"&gt;http://www.jankoatwarpspeed.com/examples/windows7menu/&lt;/a&gt;&lt;/p&gt; &lt;p&gt;点击下载：&lt;a target="_blank" title="http://www.36ria.com/wp-content/plugins/download-monitor/download.php?id=170" href="http://www.36ria.com/wp-content/plugins/download-monitor/download.php?id=170"&gt;http://www.36ria.com/wp-content/plugins/download-monitor/download.php?id=170&lt;/a&gt;&lt;/p&gt; &lt;p&gt;来看下原作者的设计草图：&lt;br /&gt;&lt;img alt="" src="http://www.jankoatwarpspeed.com/image.axd?picture=2010%2f4%2fwin7startmenu.png" width="620" height="364" /&gt; &lt;/p&gt;&lt;p&gt;&lt;strong&gt;简明创建过程&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;第一步 ：创建如下菜单结构&lt;/strong&gt;&lt;/p&gt;&lt;div style="background-color: #F5F5F5;border: 1px solid #CCCCCC;padding-left:5px;padding-right:5px;"&gt;&lt;div&gt;&lt;!--&lt;br/ /&gt;&lt;br/ /&gt;Code highlighting produced by Actipro CodeHighlighter (freeware)&lt;br/ /&gt;http://www.CodeHighlighter.com/&lt;br/ /&gt;&lt;br/ /&gt;--&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;div&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;id&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="startmenu"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;ul&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;id&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="programs"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="#"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;img&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;src&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="firefox-32.png"&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;alt&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;=""&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;/&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;Mozilla&amp;nbsp;Firefox&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="#"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;img&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;src&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="chrome.png"&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;alt&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;=""&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;/&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;Google&amp;nbsp;Chrome&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="#"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;img&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;src&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="safari.png"&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;alt&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;=""&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;/&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;Safari&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="#"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;img&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;src&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="opera.png"&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;alt&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;=""&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;/&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;Opera&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="#"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;img&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;src&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="ie.png"&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;alt&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;=""&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;/&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;Internet&amp;nbsp;Explorer&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="#"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;img&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;src&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="rss_32.png"&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;alt&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;=""&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;/&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;RSS&amp;nbsp;Feeds&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="#"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;img&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;src&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="twitter_32.png"&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;alt&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;=""&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;/&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;Twitter&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="#"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;img&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;src&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="delicious_32.png"&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;alt&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;=""&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;/&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;Delicious&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;ul&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;ul&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;id&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="links"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;class&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="icon"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;img&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;src&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="folder.png"&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;alt&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;=""&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;/&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="#"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;span&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;Documents&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;span&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="#"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;span&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;Pictures&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;span&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="#"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;span&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;Music&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;span&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="#"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;span&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;Computer&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;span&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="#"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;span&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;Network&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;span&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;href&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;="#"&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;span&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;Connect&amp;nbsp;to&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;span&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;a&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;li&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;ul&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="color: #800000;"&gt;div&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;   &lt;p&gt;win7的开始菜单有二个部分，左侧程序菜单，右侧系统菜单。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;第二步：菜单容器css&lt;/strong&gt;&lt;/p&gt; &lt;div style="background-color: #F5F5F5;border: 1px solid #CCCCCC;padding-left:5px;padding-right:5px;"&gt;&lt;div&gt;&lt;!--&lt;br/ /&gt;&lt;br/ /&gt;Code highlighting produced by Actipro CodeHighlighter (freeware)&lt;br/ /&gt;http://www.CodeHighlighter.com/&lt;br/ /&gt;&lt;br/ /&gt;--&gt;&lt;span style="color: #800000;"&gt;#startmenu&amp;nbsp;&lt;/span&gt;&lt;span style="color: #000000;"&gt;{&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;border&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;solid&amp;nbsp;1px&amp;nbsp;#102a3e&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;overflow&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;visible&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;display&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;inline-block&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;margin&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;60px&amp;nbsp;0&amp;nbsp;0&amp;nbsp;20px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;-moz-border-radius&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;5px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;-webkit-border-radius&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;5px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;position&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;relative&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;box-shadow&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;inset&amp;nbsp;0&amp;nbsp;0&amp;nbsp;1px&amp;nbsp;#fff&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;-moz-box-shadow&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;inset&amp;nbsp;0&amp;nbsp;0&amp;nbsp;1px&amp;nbsp;#fff&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;-webkit-box-shadow&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;inset&amp;nbsp;0&amp;nbsp;0&amp;nbsp;1px&amp;nbsp;#fff&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;background-color&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;#619bb9&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;background&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;-moz-linear-gradient(top,&amp;nbsp;rgba(50,&amp;nbsp;123,&amp;nbsp;165,&amp;nbsp;0.75),&amp;nbsp;rgba(46,&amp;nbsp;75,&amp;nbsp;90,&amp;nbsp;0.75)&amp;nbsp;50%,&amp;nbsp;rgba(92,&amp;nbsp;176,&amp;nbsp;220,&amp;nbsp;0.75))&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;background&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;-webkit-gradient(linear,&amp;nbsp;center&amp;nbsp;top,&amp;nbsp;center&amp;nbsp;bottom,&amp;nbsp;from(#327aa4),color-stop(45%,&amp;nbsp;#2e4b5a),&amp;nbsp;to(#5cb0dc))&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #000000;"&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt; &lt;p&gt;有几个关注的点,可以留意下： &lt;/p&gt;&lt;ul&gt; &lt;li&gt;-moz-border-radius:5px;-webkit-border-radius:5px;圆角效果，这是css3中应用最广的  &lt;/li&gt;&lt;li&gt;box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;阴影效果  &lt;/li&gt;&lt;li&gt;background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));渐变背景 &lt;/li&gt;&lt;/ul&gt; &lt;p&gt;&lt;strong&gt;第三步：菜单左侧部分的css&lt;/strong&gt;&lt;/p&gt; &lt;div style="background-color: #F5F5F5;border: 1px solid #CCCCCC;padding-left:5px;padding-right:5px;"&gt;&lt;div&gt;&lt;!--&lt;br/ /&gt;&lt;br/ /&gt;Code highlighting produced by Actipro CodeHighlighter (freeware)&lt;br/ /&gt;http://www.CodeHighlighter.com/&lt;br/ /&gt;&lt;br/ /&gt;--&gt;&lt;span style="color: #800000;"&gt;#programs&amp;nbsp;&lt;/span&gt;&lt;span style="color: #000000;"&gt;{&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;background&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;#fff&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;border&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;solid&amp;nbsp;1px&amp;nbsp;#365167&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;margin&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;7px&amp;nbsp;0&amp;nbsp;7px&amp;nbsp;7px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;box-shadow&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;0&amp;nbsp;0&amp;nbsp;1px&amp;nbsp;#fff&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;-moz-box-shadow&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;0&amp;nbsp;0&amp;nbsp;1px&amp;nbsp;#fff&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;-webkit-box-shadow&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;0&amp;nbsp;0&amp;nbsp;1px&amp;nbsp;#fff&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;-moz-border-radius&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;3px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;-webkit-border-radius&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;3px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #000000;"&gt;}&lt;/span&gt;&lt;span style="color: #800000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;#programs&amp;nbsp;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #000000;"&gt;{&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;border&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;solid&amp;nbsp;1px&amp;nbsp;transparent&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;display&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;block&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;padding&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;3px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;margin&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;3px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;color&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;#4b4b4b&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;text-decoration&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;none&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;min-width&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;220px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #000000;"&gt;}&lt;/span&gt;&lt;span style="color: #800000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;#programs&amp;nbsp;a:hover&amp;nbsp;&lt;/span&gt;&lt;span style="color: #000000;"&gt;{&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;border&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;solid&amp;nbsp;1px&amp;nbsp;#7da2ce&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;-moz-border-radius&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;3px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;-webkit-border-radius&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;3px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;box-shadow&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;inset&amp;nbsp;0&amp;nbsp;0&amp;nbsp;1px&amp;nbsp;#fff&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;-moz-box-shadow&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;inset&amp;nbsp;0&amp;nbsp;0&amp;nbsp;1px&amp;nbsp;#fff&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;-webkit-box-shadow&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;inset&amp;nbsp;0&amp;nbsp;0&amp;nbsp;1px&amp;nbsp;#fff&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;background-color&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;#cfe3fd&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;background&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;-moz-linear-gradient(top,&amp;nbsp;#dcebfd,&amp;nbsp;#c2dcfd)&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;background&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;-webkit-gradient(linear,&amp;nbsp;center&amp;nbsp;top,&amp;nbsp;center&amp;nbsp;bottom,&amp;nbsp;from(#dcebfd),&amp;nbsp;to(#c2dcfd))&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #000000;"&gt;}&lt;/span&gt;&lt;span style="color: #800000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;#programs&amp;nbsp;a&amp;nbsp;img&amp;nbsp;&lt;/span&gt;&lt;span style="color: #000000;"&gt;{&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;border&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;0&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;vertical-align&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;middle&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;margin&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;0&amp;nbsp;5px&amp;nbsp;0&amp;nbsp;0&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #000000;"&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt; &lt;p&gt;这里值得留意的是鼠标经过菜单项的效果设置，也就是#programs a:hover里的样式，这是难点，也是css3的强大之处，依旧是圆角、阴影、渐变背景。 &lt;/p&gt;&lt;p&gt;&lt;strong&gt;第四步：菜单右侧的CSS部分&lt;/strong&gt; &lt;br /&gt;&lt;/p&gt;&lt;div style="background-color: #F5F5F5;border: 1px solid #CCCCCC;padding-left:5px;padding-right:5px;"&gt;&lt;div&gt;&lt;!--&lt;br/ /&gt;&lt;br/ /&gt;Code highlighting produced by Actipro CodeHighlighter (freeware)&lt;br/ /&gt;http://www.CodeHighlighter.com/&lt;br/ /&gt;&lt;br/ /&gt;--&gt;&lt;span style="color: #800000;"&gt;#links&amp;nbsp;&lt;/span&gt;&lt;span style="color: #000000;"&gt;{&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;margin&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;7px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;margin-top&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;-30px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #000000;"&gt;}&lt;/span&gt;&lt;span style="color: #800000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;#links&amp;nbsp;li.icon&amp;nbsp;&lt;/span&gt;&lt;span style="color: #000000;"&gt;{&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;text-align&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;center&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #000000;"&gt;}&lt;/span&gt;&lt;span style="color: #800000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;#links&amp;nbsp;a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #000000;"&gt;{&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;border&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;solid&amp;nbsp;1px&amp;nbsp;transparent&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;display&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;block&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;margin&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;5px&amp;nbsp;0&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;position&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;relative&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;color&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;#fff&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;text-decoration&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;none&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;min-width&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;120px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #000000;"&gt;}&lt;/span&gt;&lt;span style="color: #800000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;#links&amp;nbsp;a:hover&amp;nbsp;&lt;/span&gt;&lt;span style="color: #000000;"&gt;{&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;border&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;solid&amp;nbsp;1px&amp;nbsp;#000&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;-moz-border-radius&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;3px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;-webkit-border-radius&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;3px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;box-shadow&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;0&amp;nbsp;0&amp;nbsp;1px&amp;nbsp;#fff&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;-moz-box-shadow&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;inset&amp;nbsp;0&amp;nbsp;0&amp;nbsp;1px&amp;nbsp;#fff&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;-webkit-box-shadow&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;inset&amp;nbsp;0&amp;nbsp;0&amp;nbsp;1px&amp;nbsp;#fff&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;background-color&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;#658da0&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;background&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;-moz-linear-gradient(center&amp;nbsp;left,&amp;nbsp;rgba(81,115,132,0.55),&amp;nbsp;rgba(121,163,184,0.55)&amp;nbsp;50%,&amp;nbsp;rgba(81,115,132,0.55))&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;background&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;-webkit-gradient(linear,&amp;nbsp;0%&amp;nbsp;100%,&amp;nbsp;100%&amp;nbsp;100%,&amp;nbsp;from(#517384),&amp;nbsp;color-stop(50%,&amp;nbsp;#79a3b8),&amp;nbsp;to(#517384))&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #000000;"&gt;}&lt;/span&gt;&lt;span style="color: #800000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;&amp;nbsp;#links&amp;nbsp;a&amp;nbsp;span&amp;nbsp;&lt;/span&gt;&lt;span style="color: #000000;"&gt;{&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;padding&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;5px&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;display&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;block&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #000000;"&gt;}&lt;/span&gt;&lt;span style="color: #800000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #800000;"&gt;&amp;nbsp;#links&amp;nbsp;a:hover&amp;nbsp;span&amp;nbsp;&lt;/span&gt;&lt;span style="color: #000000;"&gt;{&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;background&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;-moz-linear-gradient(center&amp;nbsp;top,&amp;nbsp;transparent,&amp;nbsp;transparent&amp;nbsp;49%,&amp;nbsp;rgba(2,37,58,0.5)&amp;nbsp;50%,&amp;nbsp;rgba(63,111,135,0.5))&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;background&lt;/span&gt;&lt;span style="color: #000000;"&gt;:&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;-webkit-gradient(linear,&amp;nbsp;center&amp;nbsp;top,&amp;nbsp;center&amp;nbsp;bottom,&amp;nbsp;from(transparent),&amp;nbsp;color-stop(49%,&amp;nbsp;transparent),&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;color-stop(50%,&amp;nbsp;rgba(2,37,58,0.5)),&amp;nbsp;to(rgba(63,111,135,0.5)))&lt;/span&gt;&lt;span style="color: #000000;"&gt;;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #000000;"&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;ol&gt;&lt;/ol&gt;  &lt;p&gt;要留意的点依旧是哪几项，难点在于细节的微调，尤其是渐变背景的制作，css3中非常灵活，下次有机会，发篇css3渐变背景的详细教程。&lt;br /&gt;英文原文：&lt;a target="_blank" href="http://www.jankoatwarpspeed.com/post/2010/04/06/windows-7-start-menu-css3.aspx"&gt;http://www.jankoatwarpspeed.com/post/2010/04/06/windows-7-start-menu-css3.aspx&lt;/a&gt;&lt;/p&gt;&lt;p&gt;原文链接：http://www.36ria.com/2368 &lt;br /&gt;&lt;/p&gt;&lt;img src="http://www.cnblogs.com/csn0721/aggbug/1751507.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/csn0721/archive/2010/06/04/1751507.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/csn0721/archive/2010/04/15/1712290.html</id><title type="text">快速了解Flash CS5六大特点</title><summary type="text">快速了解Flash CS5六大特点：XFL格式（Flash专业版）、文本布局（Flash专业版）、代码片段库（Flash专业版）、与Flash Builder完美集成、与Flash Catalyst完美集成、Flash Player 10.1无处不在. XFL格式（Flash专业版） XFL格式，将变成现在.Fla项目的默认保存格式。XFL格式是XML结构。从本质上讲，它是一个所有素材及你项目文件...</summary><published>2010-04-14T23:47:00Z</published><updated>2010-04-14T23:47:00Z</updated><author><name>空杯楠</name><uri>http://www.cnblogs.com/csn0721/</uri></author><link rel="alternate" href="http://www.cnblogs.com/csn0721/archive/2010/04/15/1712290.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/csn0721/archive/2010/04/15/1712290.html"/><content type="html">&lt;p&gt;快速了解Flash CS5六大特点：XFL格式（Flash专业版）、文本布局（Flash专业版）、代码片段库（Flash专业版）、与Flash Builder完美集成、与Flash Catalyst完美集成、Flash Player 10.1无处不在. &lt;/p&gt;&lt;p&gt;XFL格式（Flash专业版） &lt;br /&gt;&lt;br /&gt;XFL格式，将变成现在.Fla项目的默认保存格式。&lt;br /&gt;XFL格式是XML结构。从本质上讲，它是一个所有素材及你项目文件，包括XML元数据信息为一体的压缩包。它也可以作为一个未压缩的目录结构单独 访问其中的单个元素使用。（如：Photoshop使用其中的图片。） &lt;/p&gt;&lt;blockquote style='border:2px solid #EFEFEF;color:#333333;padding:5px 10px;'&gt;&lt;strong&gt;XFL格式，使软件之间的穿插协助更加容易！&lt;/strong&gt;&lt;/blockquote&gt;文本布局（Flash专业版） &lt;br /&gt;&lt;br /&gt;Flash Player 10 已经增强了的文本处理能力，这样为CS5在文字布局方面提供了机会。&lt;br /&gt;如果您是一个InDesign或Illustrator的用户，已经比较熟悉的链接式文本。现在在flash里您可以使用了。在Flash CS5 Professional中已经在垂直文本、外国字符集、间距、缩进、列及优质打印等方面，都有所提升。&lt;br /&gt;提升后的文本布局，可以让您轻松控制打印质量及排版文本。 代码片段库（Flash专业版） &lt;br /&gt;&lt;br /&gt;以前只有在专业编程的IDE才会出现的代码片段库，现在也出现在Flash CS5，这也是CS5的突破，在之前的版本都没有。&lt;br /&gt;Flash CS5代码库可以让您方便的通过导入和导出功能，管理您的代码。 &lt;blockquote style='border:2px solid #EFEFEF;color:#333333;padding:5px 10px;'&gt;代码片段库，可以让您的Actionscript的学习更快，为您的项目带来更大的创造力。 &lt;/blockquote&gt;与Flash Builder完美集成 &lt;br /&gt;&lt;br /&gt;Flash CS5可以轻松和Flash Builder进行完美集成。您可以在Flash中完成创意，在Flash Builder完成Actionscript的编码。如果您选择，Flash还可以帮您创建一个Flash Builder项目。 &lt;blockquote style='border:2px solid #EFEFEF;color:#333333;padding:5px 10px;'&gt;让Flash Builder来做您最专业的的Flash Actionscript编辑器。 &lt;/blockquote&gt;与Flash Catalyst完美集成 &lt;br /&gt;&lt;br /&gt;Flash Catalyst CS5已经到来， Flash Catalyst可以将您团队中的设计及开发快速串联起来。自然Flash可以与Flash Catalyst完美集成。 &lt;blockquote style='border:2px solid #EFEFEF;color:#333333;padding:5px 10px;'&gt;Photoshop、Illustrator、Fireworks的文件，可以在无需编写代码，就可完成互动项目。结合Flash，让项目更传 神。 &lt;/blockquote&gt; &lt;p&gt;Flash Player 10.1无处不在 &lt;br /&gt;&lt;br /&gt;Flash Player已经进入了多种设备，已不在停留在台式机、笔记本上，现在上网本、智能手机及数字电视，都安装了Flash Player。作为一个Flash开发人员，您无需为每个不同规格设备重新编译，就可让您的作品部署到多设备上。Flash表现出强大的优势。&lt;/p&gt; &lt;p&gt;&lt;/p&gt; &lt;p&gt;【译者：这也是Apple不让Adobe进的原因。】&lt;br /&gt;&lt;a target="_blank" href="http://active.tutsplus.com/articles/general/quick-tip-cs5-%20features-for-flash-users/"&gt;英文原文&lt;/a&gt;&lt;/p&gt;&lt;img src="http://www.cnblogs.com/csn0721/aggbug/1712290.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/csn0721/archive/2010/04/15/1712290.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/csn0721/archive/2010/04/10/1709130.html</id><title type="text">分享：Corel Painter IX.5序列号产生办法</title><summary type="text">今天下载安装了中文简体版 Corel.Painter.IX.5，原本以为是免费，破解版的，但是安装完成后竟然提示要激活。没有注册的只能用60天。后来发现，下载的软件包里有注册机，搞笑的是：注册机竟然死活打不开。教大家一个方法 ：1.在Corel.Painter.IX.5安装成后，会弹出一个在线注册界面，不管关了它2.运行程序，在弹出的注册页面点第二个"立刻注册"-&amp;gt;"电话注册" 3.打开"C...</summary><published>2010-04-10T09:53:00Z</published><updated>2010-04-10T09:53:00Z</updated><author><name>空杯楠</name><uri>http://www.cnblogs.com/csn0721/</uri></author><link rel="alternate" href="http://www.cnblogs.com/csn0721/archive/2010/04/10/1709130.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/csn0721/archive/2010/04/10/1709130.html"/><content type="html">&lt;p&gt;今天下载安装了中文简体版 Corel.Painter.IX.5，原本以为是免费，破解版的，但是安装完成后竟然提示要激活。没有注册的只能用60天。&lt;br /&gt;后来发现，下载的软件包里有注册机，搞笑的是：注册机竟然死活打不开。&lt;/p&gt;&lt;p&gt;教大家一个方法 ：&lt;br /&gt;&lt;/p&gt;&lt;p&gt;1.在Corel.Painter.IX.5安装成后，会弹出一个在线注册界面，不管关了它&lt;/p&gt;&lt;p&gt;2.运行程序，在弹出的注册页面点第二个"立刻注册"-&amp;gt;"电话注册" &lt;/p&gt;&lt;p&gt;3.打开"Corel Painter IX.5 注册机"(如果双击后没反应，右点-&amp;gt;属性-&amp;gt;兼容性,钩选下面的"禁用视觉样式"，确定)&lt;/p&gt;&lt;p&gt;4把安装码copy过去，在生成新的序列号和激活码。&lt;/p&gt;&lt;p&gt;5.将生成的序列号和激活码，copy过去。激活就OK了 &lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;Corel Painter IX.5软件我使用的下载地址是：ed2k://|file|Corel.Painter.IX.5.%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87%E7%89%88%EF%BC%88%E4%BF%AE%E6%AD%A3%E7%89%88%EF%BC%89_%E5%BE%B7%E4%B8%B0%E5%B7%A5%E4%BD%9C%E5%AE%A4%E5%88%B6%E4%BD%9C%E5%87%BA%E5%93%81.iso|205893632|5d9001a61fe276c6b14f20d544a69edd|h=dbim7bypuxn3mmmdapdmmufmqrekwmiq|&lt;br /&gt;&lt;/p&gt;&lt;p&gt;直接copy到迅雷就可以下载了，目前已经安装激活成功，准备开始试用&lt;/p&gt;&lt;img src="http://www.cnblogs.com/csn0721/aggbug/1709130.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/csn0721/archive/2010/04/10/1709130.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/csn0721/archive/2010/04/10/1708865.html</id><title type="text">10个可以简化开发过程的MySQL工具</title><summary type="text">导读：本文介绍了10个能够简化开发过程的MySQL工具。使用这些精心设计的工具，你可以更加轻松地管理MySQL数据库。开发人员应该不断寻找那些能够有助于改善开发的工具。  使用各种精心设计的工具来管理MySQL数据库要比单纯使用传统的方法轻松得的多。开发人员应该不断寻找那些能够缩短开发时间的工具。这也是我们本文整理这10个能够简化开发过程的MySQL工具的原因。  MySQL Workbench ...</summary><published>2010-04-10T03:36:00Z</published><updated>2010-04-10T03:36:00Z</updated><author><name>空杯楠</name><uri>http://www.cnblogs.com/csn0721/</uri></author><link rel="alternate" href="http://www.cnblogs.com/csn0721/archive/2010/04/10/1708865.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/csn0721/archive/2010/04/10/1708865.html"/><content type="html">&lt;p&gt;&lt;em&gt;导读：本文介绍了10个能够简化开发过程的MySQL工具。使用这些精心设计的工具，你可以更加轻松地管理MySQL数据库。开发人员应该不断寻找那些能够有助于改善开发的工具。&lt;/em&gt;  &lt;p&gt;使用各种精心设计的工具来管理MySQL数据库要比单纯使用传统的方法轻松得的多。开发人员应该不断寻找那些能够缩短开发时间的工具。这也是我们本文整理这10个能够简化开发过程的MySQL工具的原因。  &lt;p&gt;&lt;a href="http://dev.mysql.com/workbench/"&gt;&lt;strong&gt;MySQL Workbench&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt;&lt;a href="http://images.cnblogs.com/cnblogs_com/csn0721/WindowsLiveWriter/10MySQL_A2E3/clip_image001_2.jpg"&gt;&lt;img title="clip_image001" style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" height="463" alt="clip_image001" src="http://images.cnblogs.com/cnblogs_com/csn0721/WindowsLiveWriter/10MySQL_A2E3/clip_image001_thumb.jpg" width="616" border="0"&gt;&lt;/a&gt;  &lt;p&gt;MySQL Workbench是一个由MySQL开发的跨平台、可视化数据库工具。它作为DBDesigner4工程的替代应用程序而备受瞩目。MySQL Workbench可以作为windows、linux和OS X系统上的原始GUI工具，它有各种不同的版本，你可以查看下面的链接以获得它的版本信息。  &lt;p&gt;&lt;a href="http://wb.mysql.com/?page_id=11"&gt;MySQL Workbench版本信息&lt;/a&gt;  &lt;p&gt;&lt;a href="http://dev.mysql.com/downloads/workbench/5.2.html"&gt;点此下载&lt;/a&gt;  &lt;p&gt;&lt;a href="http://www.phpmyadmin.net/home_page/index.php"&gt;&lt;strong&gt;phpMyAdmin&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt;phpMyAdmin是一款免费的、用PHP编写的工具，用于在万维网上管理MySQL，它支持MySQL的大部分功能。这款含有用户界面的软件能 够支持一些最常用的操作（比如管理数据库、表格、字段、联系、索引、用户、许可，等等），同时你还可以直接执行任何SQL语句。  &lt;p&gt;它所具备的特性：  &lt;p&gt;&amp;gt;直观的Web界面  &lt;p&gt;&amp;gt;支持大多数MySQL功能：  &lt;p&gt;&amp;gt; 浏览和丢弃数据库、表格、视图、字段和索引  &lt;p&gt;&amp;gt;创建、复制、删除、重命名以及更改数据库、表格、字段和索引  &lt;p&gt;&amp;gt;维护服务器、数据库以及表格，能对服务器的配置提出建议  &lt;p&gt;&amp;gt;执行、编辑和标注任何SQL语句，甚至批量查询  &lt;p&gt;&amp;gt;管理MySQL用户以及用户权限  &lt;p&gt;&amp;gt;管理存储的过程（stored procedures）和触发器（triggers）  &lt;p&gt;&amp;gt;从CSV 和 SQL文件格式中导入数据  &lt;p&gt;&amp;gt;能够以多种格式导出数据：CSV、SQL、XML、PDF、ISO/IEC 26300等  &lt;p&gt;&amp;gt;管理多台服务器  &lt;p&gt;&amp;gt;为数据库布局创建PDF图表  &lt;p&gt;&amp;gt;使用Query-by-example (QBE)创建复杂的查询  &lt;p&gt;&amp;gt;在数据库中进行全局搜索，或者在数据库的子集中进行搜索  &lt;p&gt;&amp;gt;用预定义的函数把存储的数据转化成任何格式  &lt;p&gt;&amp;gt;还具有其他更多特性...  &lt;p&gt;&lt;a href="http://sourceforge.net/projects/phpmyadmin/files%2FphpMyAdmin%2F3.3.1%2FphpMyAdmin-3.3.1-notes.html/download"&gt;点此下载&lt;/a&gt;  &lt;p&gt;&lt;a href="http://www.aquafold.com/"&gt;&lt;strong&gt;Aqua Data Studio&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt;&lt;a href="http://images.cnblogs.com/cnblogs_com/csn0721/WindowsLiveWriter/10MySQL_A2E3/clip_image002_2.jpg"&gt;&lt;img title="clip_image002" style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" height="389" alt="clip_image002" src="http://images.cnblogs.com/cnblogs_com/csn0721/WindowsLiveWriter/10MySQL_A2E3/clip_image002_thumb.jpg" width="616" border="0"&gt;&lt;/a&gt;  &lt;p&gt;对于数据库管理人员、软件开发人员以及业务分析师来说，Aqua Data Studio是一个完整的集成开发环境（IDE）。它主要具备了四个方面的功能：1）数据库查询和管理工具；2）一套数据库、源代码管理以及文件系统的比 较工具；3）为Subversion（SVN）和CVS而设计了一个完整的集成源代码管理客户端；4）提供了一个的数据库建模工具（modeler），它 和最好的独立数据库图表工具一样强大。  &lt;p&gt;&lt;a href="http://www.aquafold.com/downloads.html"&gt;点此下载&lt;/a&gt;  &lt;p&gt;&lt;a href="http://code.google.com/p/sqlyog/"&gt;&lt;strong&gt;SQLyog&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt;SQLyog是一个全面的MySQL数据库管理工具（/’GUI’/'Frontend’）。 它的社区版（Community Edition）是具有GPL许可的免费开源软件。这款工具包含了开发人员在使用MySQL时所需的绝大部分功能：查询结果集合、查询分析器、服务器消息、表格数据、表格信息，以及查询历史，它们都以标签的形式显示在界面上，开发人员只要点击鼠标即可。此外，它还可以方便地创建视图和存储过程，最近几周 笔者一直在反复使用这个功能。  &lt;p&gt;&lt;a href="http://code.google.com/p/sqlyog/downloads/list"&gt;点此下载&lt;/a&gt;  &lt;p&gt;&lt;a href="http://www.mysqlfront.de/wp/"&gt;&lt;strong&gt;MYSQL Front&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt;&lt;a href="http://images.cnblogs.com/cnblogs_com/csn0721/WindowsLiveWriter/10MySQL_A2E3/clip_image003_2.jpg"&gt;&lt;img title="clip_image003" style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" height="429" alt="clip_image003" src="http://images.cnblogs.com/cnblogs_com/csn0721/WindowsLiveWriter/10MySQL_A2E3/clip_image003_thumb.jpg" width="616" border="0"&gt;&lt;/a&gt;  &lt;p&gt;这个MySQL数据库的图形GUI是一个“真正的”应用程序，它提供的用户界面比用PHP和HTML建立起来的系统更加精确。因为不会因为重载 HTML网页而导致延时，所以它的响应是即时的。如果供应商允许的话，你可以让MySQL-Front直接与数据库进行工作。如果不行，你也只需要在发布 网站上安装一个小的脚本即可。登录信息会存储在你的硬盘上，因此你不必再登录到不同的网络界面上了。  &lt;p&gt;&lt;a href="http://www.mysqlfront.de/pub/SQL-Front_Setup.exe"&gt;点此下载&lt;/a&gt;  &lt;p&gt;&lt;a href="http://jeremy.zawodny.com/mysql/mytop/mytop.html"&gt;&lt;strong&gt;mytop&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt;mytop是一款基于控制台的工具（不是GUI），用于监视线程以及MySQL 3.22.x、3.23.x和4.x服务器的整体性能。它可以在大多数安装了Perl、DBI以及 Term::ReadKey的Unix系统上（包括Mac系统OS X）运行。如果你安装了Term::ANSIColor，你能得到彩色的视图。如果你安装了Time::HiRes，你还可以得到一个不错的 “每秒查询数” 实时统计。mytop0.7版甚至还能在windows上运行。  &lt;p&gt;mytop的灵感来自系统监视工具“top”。我经常在Linux、FreeBSD和Solaris上使用top，你很可能会在mytop中注意到 来自这些操作系统的某些特性。mytop连接到MySQL服务器之后，能定期运行SHOW PROCESSLIST和SHOW STATUS命令，并以一种有用的格式总结从这些命令中所获得的信息。  &lt;p&gt;&lt;a href="http://jeremy.zawodny.com/mysql/mytop/mytop-1.6.tar.gz"&gt;点此下载&lt;/a&gt;  &lt;p&gt;&lt;a href="http://www.sequelpro.com/"&gt;&lt;strong&gt;Sequel Pro&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt;&lt;a href="http://images.cnblogs.com/cnblogs_com/csn0721/WindowsLiveWriter/10MySQL_A2E3/clip_image004_2.jpg"&gt;&lt;img title="clip_image004" style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" height="344" alt="clip_image004" src="http://images.cnblogs.com/cnblogs_com/csn0721/WindowsLiveWriter/10MySQL_A2E3/clip_image004_thumb.jpg" width="616" border="0"&gt;&lt;/a&gt;  &lt;p&gt;Sequel Pro是一款管理MAC OSX数据库的应用程序，它可以让你直接访问本地以及远程服务器上的MySQL数据库，并且支持从流行的文件格式中导入和导出数据，其中包括SQL、 CSV 和XML等文件。最初，Sequel Pro只是开源CocoaMySQL工程的一个分支。部分特性如下：  &lt;p&gt;&amp;gt;你很容易就可以建立起一个到Mac电脑本地MySQL服务器的连接  &lt;p&gt;&amp;gt;它具有全部的表格管理功能，包括索引。  &lt;p&gt;&amp;gt;支持MySQL视图  &lt;p&gt;&amp;gt;它使用多窗口功能，能够立即支持多个数据库或表格  &lt;p&gt;&lt;a href="http://www.sequelpro.com/download.html"&gt;点此下载&lt;/a&gt;  &lt;p&gt;&lt;a href="http://www.sqlbuddy.com/"&gt;&lt;strong&gt;SQL Buddy&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt;SQL Buddy是一个强大的轻量级Ajax数据库管理工具。它非常易于安装，你只需要把文件夹解压到服务器里就行了，这再简单不过了！你还可以进行常见的绝大部分操作。这个工具还有许多有用的快捷键，你可以从这里查看：&lt;u&gt;SQL Buddy Keyboard Shortcuts&lt;/u&gt;。  &lt;p&gt;&lt;a href="http://www.sqlbuddy.com/download/dl.php"&gt;点此下载&lt;/a&gt;  &lt;p&gt;&lt;a href="http://sidu.sourceforge.net/sidu/"&gt;&lt;strong&gt;MySQL Sidu&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt;&lt;a href="http://images.cnblogs.com/cnblogs_com/csn0721/WindowsLiveWriter/10MySQL_A2E3/clip_image005_2.jpg"&gt;&lt;img title="clip_image005" style="border-top-width: 0px; display: block; border-left-width: 0px; float: none; border-bottom-width: 0px; margin-left: auto; margin-right: auto; border-right-width: 0px" height="229" alt="clip_image005" src="http://images.cnblogs.com/cnblogs_com/csn0721/WindowsLiveWriter/10MySQL_A2E3/clip_image005_thumb.jpg" width="616" border="0"&gt;&lt;/a&gt;  &lt;p&gt;MySQL Sidu是一款免费的MySQL客户端，它通过网络浏览器来运行，非常容易上手！Sidu这几个字母表示Select（选择）、Insert（插入）、 Delete（删除）和Update（更新）。Sidu其实还有更多的功能，它看起来更像MySQL前端软件的GUI而不是网页。  &lt;p&gt;&amp;gt;SIDU支持SQL选择、插入、删除，更新功能。  &lt;p&gt;&amp;gt;SIDU支持在浏览器上工作，如Firefox、IE、Opera、Safari、Chrome等等。  &lt;p&gt;&amp;gt;SIDU看起来像MySQL前端软件的GUI而不是网页。  &lt;p&gt;&amp;gt;SIDU可以跟MySQL、Postgres 和SQLite DBs一起工作。  &lt;p&gt;&lt;a href="http://downloads.sourceforge.net/sidu/sidu31.zip"&gt;点此下载&lt;/a&gt;  &lt;p&gt;&lt;a href="http://mysql.navicat.com/"&gt;Navicat Lite MySQL Admin Tool&lt;/a&gt;  &lt;p&gt;Navicat是一款快速、可靠的数据库管理工具，很受大家的欢迎。Navicat专门用来简化数据库管理并且减少管理成本，它旨在满足数据库管理人员、数据库开发人员以及广大中小企业的需要，它有一个很直观的GUI，可以让你安全便捷的创建、组织、访问以及分享信息。  &lt;p&gt;对于MySQL来说，Navicat工具是一个强大的数据库管理和开发工具。它可以跟任何版本的MySQL数据库服务器（3.21版或者以上版本） 一起工作，并且支持MySQL大多数最新的功能，包括Trigger、Stored Procedure、Function、Event, View和 Manage User等。Navicat Lite可以免费下载，但是仅适用于非商业活动。  &lt;p&gt;&lt;a href="http://www.navicat.com/index.php?option=com_content&amp;amp;view=article&amp;amp;id=20&amp;amp;Itemid=69"&gt;点此下载&lt;/a&gt;  &lt;p&gt;原文链接：&lt;a href="http://grindsmart.com/2010/03/10-mysql-tools-that-streamline-your-development-process/"&gt;http://grindsmart.com/2010/03/10-mysql-tools-that-streamline-your-development-process/&lt;/a&gt;&lt;img src="http://www.cnblogs.com/csn0721/aggbug/1708865.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/csn0721/archive/2010/04/10/1708865.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry></feed>
