<?xml version="1.0" encoding="UTF-8"?>
  <feed xmlns="http://www.w3.org/2005/Atom">
  <title type="html"><![CDATA[杰然不同]]></title>
  <subtitle type="html"><![CDATA[杰然不同的blog  网站设计 CSS  XHTML  UI  ICO  PS  WEB2.0  用户体验]]></subtitle>
  <id>http://www.jiezo.com/blog/</id> 
  <link rel="alternate" type="text/html" href="http://www.jiezo.com/blog/" /> 
  <link rel="self" type="application/atom+xml" href="http://www.jiezo.com/blog/atom.asp" /> 
  <generator uri="http://www.pjhome.net/" version="2.4.1022">PJBlog2</generator> 
  <updated>2010-08-22T10:26:42+08:00</updated> 

  <entry>
	  <title type="html"><![CDATA[用色彩打造专业的视觉效果]]></title>
	  <author>
		 <name>ajie1017</name>
		 <uri>http://www.jiezo.com/blog/</uri>
		 <email>zj@jiezo.com</email>
	  </author>
	  <category term="" scheme="http://www.jiezo.com/blog/default.asp?cateID=4" label="杰奏日志" /> 
	  <updated>2010-08-22T10:26:42+08:00</updated>
	  <published>2010-08-22T10:26:42+08:00</published>
		  <summary type="html"><![CDATA[原文地址: <a href="http://www.webdesignerdepot.com/2009/12/how-to-get-a-professional-look-with-color/" target="_blank">http://www.webdesignerdepot.com/2009/12/how-to-get-a-professional-look-with-color/</a><br/><br/><img src="http://netdna.webdesignerdepot.com/uploads/color/thumb.jpg" border="0" alt=""/><br/><br/>是什么能让一个设计看上去是协调的,有条理的,专业的?答案是”色彩”.<br/><br/>不是所有的项目都要用那种浅的”公司蓝”(corporate blue)才会看上去很专业.色彩规划(planning color)就是建立一个描述有哪些色彩可以用以及如何使用的框架.<br/><br/>色彩是最难办的设计元素.“好”的色彩是像个人口味和感觉一样难以把握的,而且还有诸如对比度,显示器校准等技术上的限制因素.<br/><br/>但是对于内容来说,色彩是至关重要的.如果你认为一个网站很重要,值得花时间来完善,那么用户通常也会认为它很重要,会花时间来读.选择好的色彩就是为了达到这种效果.<br/><br/>在本文中,我们会回顾一些用来给你的Web设计建立漂亮的调色板的技术.<br/><br/><img src="http://netdna.webdesignerdepot.com/uploads/color/hues-vs-values.gif" border="0" alt=""/><br/><br/>如果想让网站看上去是没有条理(unplanned)的,最好的办法就是随机选择颜色.<br/><br/>即使当用户第一次浏览网站的首页时,色彩也会影响到他们对于内容的态度.这个网站会让人兴奋吗? 可信吗?大胆吗(daring)?乏味吗?有政治倾向?很正式的吗?<br/><br/>跟印刷制品一样,色彩会影响人们对所见到的信息的理解.<br/><br/>找到合适的色彩并不容易,但是整体过程还是有迹可循的.<br/><br/>好的设计策略会包含一个配色方案(比如为了传达信息和营造氛围,色彩的可选范围.)以及这个方案的具体安排.<br/><br/>让我们假设你需要设计一个专业的网站.(当然这个很有可能演变成一种喝酒游戏(drinking game):要吗是客户要求网站是”专业的”,”简洁的”或者”现代的”,要吗就是”我喜欢这个网站,扒下来.”)<br/><br/>配色方案取决于网站的特点.比如,银行和花店的网站看上去都会很专业.<br/><br/>但是人们可能不会喜欢在一个”公司蓝”或银灰色的网站买花.或者想象一下美国银行的网站变成紫色和黄绿色.<br/><br/>一个”专业”的设计会让用户觉得,这个网站是很严肃正规的展示它的主题,即便主题可能是很轻松的.无论哪种色相(hue)还是色值(value),“专业”都意味着是协调的,有条理的,经过深思熟虑的.<br/><br/>使用灰度<br/>与色彩工作的最好方式就是从没有色彩开始.<br/><br/>将设计中的色彩移除之后可以暴露出问题的根本原因,而这些问题在开始考虑哪种黄绿色的色度(深浅)更好看之前就该去解决.如果设计在黑白效果下就感觉不好,那就需要做一些改变了.<br/><br/>每个页面是否都有清晰的目标?设计是否能引导读者读完全部的内容?内容是引人入胜的,鼓舞人心的还是客观的传递信息?标题清晰吗?文字链是否与其他文字有对比?色彩可以加强这些效果,但是布局,样式和组织中的问题都无法单纯的通过色彩就能够解决.<br/><br/>如果要重新设计,请先去掉颜色.这个简单的去色行为真实的展示出网站的立足点.(事实上,重新设计应该开始于重新评估你的目标和内容,不过这是另外一个故事了.)<br/><br/>有时,去掉色彩本身就是一种解决方案.<br/><br/>我曾经跟一个网站设计公司一起工作,重新设计他们的网站.对于这个项目,他们是很挑剔的,希望能更好.但是如果你认为为你自己设计很难,试着与小组一起解决.在项目结束前,下班后我们之中的三个人一边喝着酒一边看着第九稿设计.<br/><br/>我突然的把photoshop的图层都合并,然后点击”去色”把紫铜色和蓝色的设计稿变成黑白色.让每个人都惊讶是,它起作用了.<br/><br/>那周结束之前,我们用红色强化后完成了一个”暖”灰色的设计.当先前的客户开始赞赏这个新的设计并且接到更多其他的客户电话时,我们知道我们成功了.<br/><br/>用Photoshop的斜视滤镜来测试你的配色方案.<br/><br/>&nbsp;&nbsp;1用网站至少三个页面做截图.在Photoshop中打开<br/>&nbsp;&nbsp;2每个截图都复制一下背景图层<br/>&nbsp;&nbsp;3给新的图层做一下10px左右的高斯模糊<br/>&nbsp;&nbsp;4使用图像-&gt;修改-&gt;色调分离.使用8到12之间,或者使用滤镜-&gt;像素化-&gt;马赛克.使用15到30像素<br/><br/><img src="http://netdna.webdesignerdepot.com/uploads/color/depot-analysis.jpg" border="0" alt=""/><br/>这样可以看到真正的主色调.整个配色方案,用的越多的颜色,那个颜色在用户的印象中越重.<br/><br/>曾经网站的布局和组织过去都没有色彩,现在是时候来选一个调色板了.但是选哪个?用多少?<br/><br/><span style="font-size:14pt">调整你的色相</span><br/>色彩具有三个属性:色相,饱和度,色值(有时会叫做明度)<br/><br/>饱和度是颜色有多浓:霓虹灯效果的颜色就是饱和度很高,而蜡笔的颜色就是饱和度低一些.<br/><br/>色值表示了颜色有多亮(比如,与黑色或者白色有多接近)<br/><br/>色相决定了色彩属于彩虹的哪个部分,比如红色或者绿色;这个就是人们容易出错的地方.<br/><br/><img src="http://netdna.webdesignerdepot.com/uploads/color/hsv-samples.jpg" border="0" alt=""/><br/><br/>不协调的色相可以很容易的K掉一个配色方案.一个设计可以用一种色相的上百种不同深浅的颜色,从蜡笔到霓虹灯,看上去仍然是有条理的.但是如果色相使用错误的方式混合在一起,整个配色方案就会混乱了.<br/><br/>避免不协调色相的一种办法就是使用第三色来分隔.黑色,灰色或者白色的缓冲区是最安全的,因为灰色系是中性色彩:你可以把黑色,白色,灰色与彩虹中任何部分混合在一起并且很协调.<br/><br/>第二种方案是不同的色相使用不同的比例.如果配色方案中有紫色和棕色,那么设计中可以包含很多深棕色,并且加入一些明亮的紫色来点缀.<br/><br/>另一个可选方案是更改色值.纯蓝色和亮青色是很一般的组合,但是深蓝色(海蓝色)和靛青色(天蓝色)可以通过足够的对比来彼此衬托.红色和紫色差异够大,但不会冲突,同时又足够接近而不像是刻意为之.浅红色(粉色)和深紫色可以提供对比.<br/><br/>遗憾的是,避免错误的颜色组合与选择好的颜色无法划等号.如果你满意了,但是你的用户感觉不舒服,那就不是一个成功的配色方案.<br/><br/><span style="font-size:14pt">发现优秀的配色方案</span><br/>优秀的配色是从哪来的?有上百种颜色和上千种组合,怎么选择?<br/><br/>小的静态网站的设计师应该从内容取色.一般是通过相片.<br/><br/>我最近做的一个由8个页面组成的网站,顶部被一个精心制作的金属架贯穿,与之相对比的是深蓝色的天空.使用Photoshop的吸管工具,定成5*5的尺寸,我选取了天空的最深和最浅的部分,并应用到边栏,链接,标题,页脚,同时调整了色度.<br/><br/>当客户问我们是如何把网站设计的这么好,并且这么快,我们回应说”这才是我们该做的”.但是实际上颜色就在那,我只是找到它.(译者注: 很有陆游的”文章本天成,妙手偶得之”的风采啊…)<br/><br/>对于吸引目标用户的颜色,他们平时穿的衣服是一个优秀的指示器.看看你的用户穿的什么,你会知道什么颜色能让他们觉得舒服.如果你的网站是关于,描述体育联盟的,想想他们比赛时穿的衣服,这要比他们平时工作时的好.<br/><br/>如果你幸运的得到目标用户的照片,一并看看.你需要得到这群人的中间色(average).但是如果照片无法利用,那么去购物吧.<br/><br/>商业界的服装设计师对于每种心情和生活方式都有优秀的色彩感.当然不用跟第五大道上的高级时装一样.通过google搜索“camping stores,” “baby clothes,” “ski and swimwear”和“casual living”会找到很多很好的色彩组合.<br/><br/>人们会根据他们的品味穿衣服.如果你使用他们喜欢的颜色,在你的网站上他们会觉得更舒服.<br/><br/><span style="font-size:14pt">使用纹理</span><br/>通过微小的改变色相,饱和度和色值来制作纹理.<br/><br/>单色纹理(比如,只有一种色相的纹理)和图案毫无冲突的给大部分网站提供了微妙的维度.<br/><img src="http://netdna.webdesignerdepot.com/uploads/color/texture-samples.jpg" border="0" alt=""/><br/><br/><br/>简单而特别的纹理背景很容易建立:<br/><br/>给内墙(interior wall)照个像或者其他一些光秃秃的但是感觉粗糙的东西.<br/>用photoshop中打开<br/>复制背景层然后重命名为”texture 1″<br/>用配色方案中的颜色将背景填充<br/>把图层”texture 1″的属性改为”柔光”并把透明度调为30%<br/>在你的网站上试试.如果看上去不对,继续调整透明度.<br/>图层的名字是经过考虑的.你可能在尝试多张的照片.但是要避免给图层命名成类似”wall texture”或者”paper texture”.你要更关注在你网站中的效果,而不是从何而来.<br/><br/><span style="font-size:14pt">建立优秀的配色方案</span><br/>好的配色方案有一定的特性.把它当成是一个框架或者建立一个指南来保证设计的一致性.配色方案应该:<br/><br/>列出2到5个可以一起使用的色相<br/>描述在设计中色相可以改变多少<br/>每种色相深浅的依据<br/>与黑色和白色对比时可以很好的工作<br/>下面是个例子<br/><br/><img src="http://netdna.webdesignerdepot.com/uploads/color/palette-step-1.gif" border="0" alt=""/><br/><br/>设计师通过选择感觉很好的暖色调开始的.没有什么逻辑性的,只是一个模糊的目标”秋天”,还有她的感觉.<br/><br/><img src="http://netdna.webdesignerdepot.com/uploads/color/palette-step-2.gif" border="0" alt=""/><br/><br/>在Photoshop中,两个图层运用了不同深浅的黑色和白色(进行叠加).每个图层的叠加模式都是”柔光”.对于最右侧的颜色纯黑有些过于暗了,所以图层的透明度也进行了调整.<br/><br/><img src="http://netdna.webdesignerdepot.com/uploads/color/palette-step-3.gif" border="0" alt=""/><br/><br/>为了统一色彩,建立一个新的用纯红填充的图层.叠加模式是”着色”,透明度是大概40%(注意:图层的顺序很重要.如果着色层在黑白图层的下面,颜色就会变了)<br/><br/><img src="http://netdna.webdesignerdepot.com/uploads/color/palette-step-4.gif" border="0" alt=""/><br/><br/>它提供给设计师15种颜色可以选择.她选择了具有一定范围和色相的4种.这些颜色与白色是对比的.<br/><br/><img src="http://netdna.webdesignerdepot.com/uploads/color/palette-step-5.gif" border="0" alt=""/><br/><br/>变化是很重要的,所以设计师继续尝试.当这些颜色与黑色对比时看起来如何?如果我们把颜色稍微加深会怎么样?<br/><br/><img src="http://netdna.webdesignerdepot.com/uploads/color/palette-step-6.gif" border="0" alt=""/><br/><br/>如果一起改变会怎么样?在”tint”层使用图像-&gt;修改-&gt;色相/饱和度来创建一个”不秋天”的感觉,但是颜色仍然很协调.也许这组颜色可以用于复活节.<br/><br/>最终的结果是一套配色方案:一套使用不同的色相,搭配效果很好的色度范围.<a target="_blank" href="http://netdna.webdesignerdepot.com/uploads/color/palette-sample.psd">下载示例文件</a><br/><br/><span style="font-size:14pt">使用框架</span><br/>明天的图片,相片,图标跟今天的配色方案可以很好的搭配吗?网站在6天后会需要什么图片?六个星期后?或者六个月呢?但是内容是你配色方案的一部分.<br/><br/>你应该通过让图片参考配色方案或者让配色方案参考图片的方式来解决这个问题.<br/><br/>贯彻你的配色方案,甚至照片,这是获得所有页面都保持一致的很好的办法.<br/><br/>最简单的解决办法是找到符合你配色方案的图片.请记住一个配色方案会留有一些余地:让图片的主色调来符合,这样会起到很好的效果.很多相片存储站点允许你通过颜色来搜索(通过原色的色相:比如红,绿,蓝).<br/><br/>如果一个图片没法匹配你的配色方案,那么要做一些着色调整<br/><br/>在Photoshop中打开图片<br/>建立一个新的图层,把叠加样式选为”着色”<br/>使用配色方案中的一种颜色来填充,最好是跟图片最接近的<br/>把颜色图层的透明度调整为50%<br/>继续调整透明度直到你在图片的原色和网站色系之间找到一个优秀的平衡点.<br/>这种技术可以使用在照片,图片和图标上-任何以像素为基础的东西(如果你自己没有图片,请确认你有权修改它.你可以改进它在你网站中显示的效果,但是你仍然是对其他人艺术成果的不尊重)<br/><br/><span style="font-size:14pt">看起来专业</span><br/>没有一组颜色本身是看起来”专业”的.甚至你宁愿按照一些步骤来获得更协调,有序的感觉.<br/><br/>无论网站是关于什么的,用户都会直到它让它自己很认真.<br/><br/><strong>贴士</strong><br/><br/>当你认为你有一个好的配色方案时,至少试一个星期.对色彩的评价需要感觉,而这个感觉需要一段时间来积累.给自己一点时间来充分的吸收这个配色的特点.<br/>当你认为你有一个好的配色方案时,别让它变得枯燥无味了.你用户的感觉跟你一样,要保持变化.4个月之后来回顾一下这些颜色并做个笔记.然后问一下:它们还适用吗?如果不,应该改什么?哪些因素会影响你的修改?<br/>少用鲜艳的颜色.一小块鲜艳的颜色会吸引用户,但是如果用户到处都能看见,他们会漫无目的的乱看…<br/>一些人认为配色方案的色相范围应该小,留一些余地可以让你的设计更有深度.<br/>避免使用纯的原色比如红色,绿色,蓝色和黄色.给它们赋予真正的个性:红,但是有些紫.蓝色,但是有点绿.加一些橙色让黄色更”暖”<br/>确保你的色彩在”褪色”后依然起作用.如果你选择红色,请记得亮红代表女性,暗红色看上去像铁锈或者鲜血.黄色会像褪色的阳光一样变成深棕.深蓝色是神秘的,浅蓝色是宁静的-如果你增加饱和度,或许是水蓝色.(译者注:觉得这块应该是对于印刷品等可能褪色的产品来说的)<br/>Mac用户,请配置你的显示器.打开”系统偏好设置”点击”万能辅助”.把你的显示改成”灰度纹理”.当你想沉浸在黑色电影时这样也有用.<br/>无论你想让你的网站感觉有多生动,使用中性的背景.黑色,白色和灰色几乎可以跟任何的色相搭配.<br/>如果你想要小的字体(比如14点或者更小)来匹配大色块,让文字的颜色比正常情况下更深一些.这样可以弥补字符内部的反光.<br/>使用少量色相的更多色度<br/>“看上去很美”是一种直觉.但是直觉是你的自我感觉,用户的挑剔和老板(提供项目资金的人)的权力之间的战争<br/>使用柔和的背景让内容更突出<br/><br/><img src="http://netdna.webdesignerdepot.com/uploads/color/contrast-sample.gif" border="0" alt=""/><br/>Ben Gremillion授权给WDD.他是一个独立Web设计师,他认为项目截止日期的不确定性与最终确定功能列表的数量成反比.<br/><br/>你是如何创建成功的配色方案的?对于你来说哪些起作用哪些没有?<br/><br/>Posted by: 猪小凡 on 2010年07月20日 @ 10:15 上午 <br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.jiezo.com/blog/default.asp?id=217" /> 
	  <id>http://www.jiezo.com/blog/default.asp?id=217</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[[翻译]在Mozilla用户界面使用高效的CSS]]></title>
	  <author>
		 <name>ajie1017</name>
		 <uri>http://www.jiezo.com/blog/</uri>
		 <email>zj@jiezo.com</email>
	  </author>
	  <category term="" scheme="http://www.jiezo.com/blog/default.asp?cateID=11" label="DIV+CSS+JS" /> 
	  <updated>2010-08-03T01:00:56+08:00</updated>
	  <published>2010-08-03T01:00:56+08:00</published>
		  <summary type="html"><![CDATA[本文档提供优化在Mozilla用户界面使用CSS代码的指导方针。<br/><br/>第一部分是一般性讨论如何在Mozilla式系统进行分类的规则。 以下各节包含书写规则，利用Mozilla的作风制度的实施优势的指导方针。<br/><br/><span style="font-size:14pt">如何打破的规则式系统</span><br/>打破规则的样式系统分成四个主要类别：<br/><br/><strong>1.编号规则<br/>2.类规则<br/>3.标签规则<br/>4.通用规则</strong><br/><br/><br/>关键是要了解这些类别，因为它们是规则匹配的基本构造块。<br/><br/>我用 的关键选择 在以下段落。 选择的关键是其祖先的最后部分的选择（元素相匹配的部分，目前匹配，而不是）。<br/>例如，在规则中...<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.jiezo.com/blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">a img, div &gt; p, h 1&nbsp;&nbsp;+ [title] {…}</div></div><br/><br/>...关键选择器是 IMG的， p，和 [标题]。<br/><br/><span style="font-size:14pt">编号规则</span><br/>第一类包括那些规则，有 编号 选择选择作为他们的关键。<br/><br/>例子<div class="UBBPanel"><div class="UBBTitle"><img src="http://www.jiezo.com/blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>button #backBu tton {…} / *这是一个ID分类的规则* / <br/>#urlBar [type= &#34;autocomplete&#34; ] {…}&nbsp;&nbsp;/ *这是一个ID分类的规则* /<br/>treeitem &gt; treerow &gt; treecell #myCell :active {…}/ *这是一个ID分类的规则* / <br/></div></div><br/><span style="font-size:14pt">类规则</span><br/>如果一个规则一 类 选择器指定为关键，那么它属于这一类。<br/><br/>例子<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.jiezo.com/blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>button.toolbarButton {…} / * A类为基础的规则* /<br/>.fancyText {…}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/ * A类为基础的规则* / <br/>menuitem &gt; .menu- left [checked= &#34;true&#34; ] {…}/ * A类为基础的规则* / <br/></div></div><br/><br/><span style="font-size:14pt">标签规则</span><br/>如果没有 类 或 身份证 是选择指定为重点，下一个候选人的 标记 类别。 如果规则有一个标记指明其主要选择，那么该规则属于这一类。<br/><br/>例子<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.jiezo.com/blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>td {…}&nbsp;&nbsp;/ *一个基于标记的规则* / <br/>treeitem &gt; treerow {…}&nbsp;&nbsp;/ *一个基于标记的规则* / <br/>input[type= &#34;checkbox&#34; ] {…}&nbsp;&nbsp; / *一个基于标记的规则* /&nbsp;&nbsp;<br/></div></div><br/><br/><span style="font-size:14pt">通用规则</span><br/>所有其他规则都属于这一类。<br/><br/>例子<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.jiezo.com/blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>[ hidden = &#34;true&#34; ] {…}&nbsp;&nbsp;/ *一个普遍的规则* / <br/>* {…} / *一个普遍的规则* / <br/>tree &gt; [collapsed= &#34;true&#34; ] {…} / *一个普遍的规则* / <br/></div></div><br/><br/><br/><span style="font-size:14pt">如何体裁系统匹配规则</span><br/>系统的风格相匹配，与开始的主要选择规则，然后移动到左边（在规则的任何选择寻找祖先）。 只要选择的子树长继续检查，样式系统继续移动到左边，直到它不是比赛规则，或因不匹配放弃。<br/><br/>最根本的概念，学习的是这个规则的过滤。 类别的存在是为了过滤掉不相关的规则（样式系统不浪费时间，设法满足他们）。<br/><br/>这是。显着提高性能的关键 因素越少，规则要求，以检查一个给定的，该决议将更快的风格。<br/><br/>例如，如果一个元素有一个ID，那么只有编号规则相匹配的元素的ID将被选中。 只有一类一类规则发现的元素将被选中。 只有标签规则相匹配的标签将被选中。 通用规则将一直进行检查。<br/><br/><span style="font-size:14pt">高效的CSS准则</span><br/>避免通用规则<br/>确保规则并没有结束在普遍类别了！<br/><br/>不限定标记名称或类别编号规则<br/><strong>如果规则有一个关键的选择选择作为其身份，不添加标记名称的规则。</strong> 由于ID都是唯一的，加入一个标签名称将减缓不必要的匹配过程。<br/><span style="color:Beige">例外： 当它的理想改变了 class 元素的动态，以适用不同的情况不同风格的，但在same 类 是将要分享的其他元素。</span><br/><br/>坏<br/>&nbsp;&nbsp;button#backButton {…}<br/><br/>坏<br/>&nbsp;&nbsp;.menu-left#newMenuIcon {…}<br/><br/>良好<br/>&nbsp;&nbsp;#backButton {…}<br/><br/>良好<br/>&nbsp;&nbsp;#newMenuIcon {…}<br/><br/><span style="font-size:14pt">不限定标记名称类规则</span><br/>以前的概念也适用于这里。 所有的类名是唯一的。<br/><br/>你可以使用一个公约是包括标记名称 中 的类的名称。 但是，这可能成本有一定的灵活性;若进行设计更改的标记，类名称必须改变。 （这是最好的选择严格语义的名字，因为这样的灵活性是一个单独的样式表的目的。）<br/><br/>坏<br/>&nbsp;&nbsp;treecell.indented（...）<br/>良好<br/>&nbsp;&nbsp;.treecell-indented {…}<br/>最佳<br/>&nbsp;&nbsp;.treecell-indented {…}<br/><br/><span style="font-size:14pt">使用最具体的类别可能</span><br/><strong>单是最大的放缓导致太多的标签分类规则英寸</strong> 加入 类为我们上课内容，我们可以进一步细分为消除这些规则时类分类，试图用它来匹配一个给定的标签规则。<br/><br/>坏<br/>&nbsp;&nbsp;treeitem[mailfolder=&#34;true&#34;] &gt; treerow &gt; treecell {…}<br/>良好<br/>&nbsp;&nbsp;.treecell-mailfolder {…}<br/><br/><span style="font-size:14pt">避免后代选择器</span><br/><strong>的子选择器是CSS中最昂贵的选择。</strong> 这是 十分之 昂贵，特别是如果选择分类是在标签或通用。<br/><br/>通常情况下，什么是真正想要的是 孩子选择。使用后代选择器是CSS禁止在未经用户界面模块所有者的明确同意你的肌肤。<br/><br/>坏<br/>&nbsp;&nbsp;treehead treerow treecell（...）<br/>&nbsp;&nbsp;好多了，但仍然很糟糕（见下准则）<br/>&nbsp;&nbsp;treehead&gt; treerow&gt; treecell（...）<br/><br/>标签分类规则应该 没有 包含一个孩子选择<br/>避免使用分类规则子选择与标签。 这将极大地延长了比赛时间（特别是如果该规则可能是符合）作为该元素的所有匹配的。<br/><br/>坏<br/>treehead&gt; treerow&gt; treecell（...）<br/>良好<br/>.treecell-header {…}<br/><br/>问题的所有儿童的用途选择<br/>锻炼时要小心使用子选择。 如果你能避免它。<br/><br/>特别是，孩子经常选择使用RDF的树木，像这样的菜单：<br/><br/>坏<br/>treeitem[IsImapServer=&#34;true&#34;] &gt; treerow &gt; .tree-folderpane-icon {…}<br/>请记住，REF的属性可以在模板中重复！ 利用这个优势。 重复的RDF属性对儿童XUL元素，以改变他们基于属性。<br/><br/>良好<br/>.tree-folderpane-icon[IsImapServer=&#34;true&#34;] {…}<br/><br/><span style="font-size:14pt">依靠继承</span><br/>了解哪些财产继承，并允许他们这样做！&nbsp;&nbsp;<br/><br/>举例来说，XUL的部件是明确建立，使父母的 列表式图像 或 字体 的规则将筛选到匿名的内容。 它的内容没有必要浪费时间的规则，直接对话匿名。<br/><br/>坏<br/>#bookmarkMenuItem &gt; .menu-left { list-style-image: url(blah) }<br/>良好<br/>#bookmarkMenuItem { list-style-image: url(blah) }<br/>在上面的例子中，（不利用继承的愿望，风格内容的匿名 列表式形象）导致这一类的规则是在类分类，当有具体的规则应该结束了在ID类别，最所有！<br/><br/>记住： 所有元素具有相同的类，尤其是匿名的内容！<br/><br/>上述“坏”的规则部队每个菜单的图标来进行测试为遏制在书签菜单项。由于有很多菜单，这是非常昂贵的。 相反，“好”的规则限制了测试，以书签菜单。<br/><br/>原始文件网址： <a href="http://www.mozilla.org/xpfe/goodcss.html" target="_blank">http://www.mozilla.org/xpfe/goodcss.html</a>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.jiezo.com/blog/default.asp?id=216" /> 
	  <id>http://www.jiezo.com/blog/default.asp?id=216</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[百度个性化首页-小瓢虫]]></title>
	  <author>
		 <name>ajie1017</name>
		 <uri>http://www.jiezo.com/blog/</uri>
		 <email>zj@jiezo.com</email>
	  </author>
	  <category term="" scheme="http://www.jiezo.com/blog/default.asp?cateID=5" label="做过的东西" /> 
	  <updated>2010-05-14T13:00:57+08:00</updated>
	  <published>2010-05-14T13:00:57+08:00</published>
		  <summary type="html"><![CDATA[<a href="http://www.baidu.com" target="_blank">百度</a>个性化首页，本来想恶搞下<a href="http://www.baidu.com" target="_blank">百度</a>的，怕和谐，所以本分了点<br/><a target="_blank" href="http://my.baidu.com/theme-competition/2010/display.action?category=1&amp;page=1&amp;listFor=date&amp;search=ajie1017">http://my.baidu.com/theme-competition/2010/display.action?category=1&amp;page=1&amp;listFor=date&amp;search=ajie1017</a><br/><br/><img src="http://www.jiezo.com/blog/attachments/month_1005/y201051413037.jpg" border="0" alt=""/><br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.jiezo.com/blog/default.asp?id=215" /> 
	  <id>http://www.jiezo.com/blog/default.asp?id=215</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[Adobe  CS5中文版【下载】]]></title>
	  <author>
		 <name>ajie1017</name>
		 <uri>http://www.jiezo.com/blog/</uri>
		 <email>zj@jiezo.com</email>
	  </author>
	  <category term="" scheme="http://www.jiezo.com/blog/default.asp?cateID=7" label="下载好东西" /> 
	  <updated>2010-04-18T19:08:39+08:00</updated>
	  <published>2010-04-18T19:08:39+08:00</published>
		  <summary type="html"><![CDATA[Adobe Creative Suite 5 Desing Premium 中文版下载<br/><br/>我用的WIN7又装上，没有问题，之前在官方下的英文版，现在换成中文。还不错哦，嘿嘿，拿出来分享给大家！<br/><br/>不扯那么多，上地址：<a href="http://trials2.stage.adobe.com/AdobeProducts/MDIA/CS5/win32/DesignPremium_CS5_LS3.7z" target="_blank">http://trials2.stage.adobe.com/AdobeProducts/MDIA/CS5/win32/DesignPremium_CS5_LS3.7z</a><br/><br/>【破解文档】<br/>安装前找到windows/system32/drivers/etc，用记事本打开文件HOSTS<br/>在下面加入<br/>127.0.0.1 activate.adobe.com<br/>127.0.0.1 practivate.adobe.com<br/>127.0.0.1 ereg.adobe.com<br/>127.0.0.1 activate.wip3.adobe.com<br/>127.0.0.1 wip3.adobe.com<br/>127.0.0.1 3dns-3.adobe.com<br/>127.0.0.1 3dns-2.adobe.com<br/>127.0.0.1 adobe-dns.adobe.com<br/>127.0.0.1 adobe-dns-2.adobe.com<br/>127.0.0.1 adobe-dns-3.adobe.com<br/>127.0.0.1 ereg.wip3.adobe.com<br/>127.0.0.1 activate-sea.adobe.com<br/>127.0.0.1 wwis-dubc1-vip60.adobe.com<br/>127.0.0.1 activate-sjc0.adobe.com<br/>保存（这里需要注意，如果系统开启了UAC可能无法更改该文件，请关闭UAC重启后更改）<br/><br/>接下来就是正常的安装了，之前CS4版本是使用算号器算出CDkey，这里直接提供两个在网上流传的序列号，我个人测试时使用第一个，完全没有问题。<br/>1325-1558-5864-4422-1094-1126<br/>1325-1958-5864-4422-1094-1178<br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.jiezo.com/blog/default.asp?id=212" /> 
	  <id>http://www.jiezo.com/blog/default.asp?id=212</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[搜索引擎提交地址大全]]></title>
	  <author>
		 <name>ajie1017</name>
		 <uri>http://www.jiezo.com/blog/</uri>
		 <email>zj@jiezo.com</email>
	  </author>
	  <category term="" scheme="http://www.jiezo.com/blog/default.asp?cateID=4" label="杰奏日志" /> 
	  <updated>2010-04-14T04:52:07+08:00</updated>
	  <published>2010-04-14T04:52:07+08:00</published>
		  <summary type="html"><![CDATA[Google博客搜索提交：<a href="http://blogsearch.google.com/ping?hl=zh-CN" target="_blank">http://blogsearch.google.com/ping?hl=zh-CN</a> <br/>&nbsp;&nbsp;&nbsp;&nbsp; Google网站提交：<a href="http://www.google.com/intl/zh-CN/add_url.html" target="_blank">http://www.google.com/intl/zh-CN/add_url.html</a> <br/>2、<a href="http://www.baidu.com" target="_blank">百度</a>博客搜索提交：<a href="http://utility.baidu.com/blogsearch/submit.php" target="_blank">http://utility.baidu.com/blogsearch/submit.php</a> <br/>&nbsp;&nbsp;&nbsp;&nbsp; baidu网站提交：<a href="http://www.baidu.com/search/url_submit.html" target="_blank">http://www.baidu.com/search/url_submit.html</a> <br/>3、雅虎博客搜索提交：<a href="http://www.yahoo.cn/ex/blog_rss/rss_input.php" target="_blank">http://www.yahoo.cn/ex/blog_rss/rss_input.php</a> <br/>&nbsp;&nbsp;&nbsp;&nbsp; 雅虎网站提交：<a href="http://search.help.cn.yahoo.com/h4_4.html" target="_blank">http://search.help.cn.yahoo.com/h4_4.html</a> <br/>4、搜狗(搜狐)博客搜索提交：<a href="http://www.sogou.com/feedback/blogfeedback.php" target="_blank">http://www.sogou.com/feedback/blogfeedback.php</a> <br/>&nbsp;&nbsp;&nbsp;&nbsp;搜狗(搜狐)网站提交：<a href="http://www.sogou.com/feedback/blogfeedback.php" target="_blank">http://www.sogou.com/feedback/blogfeedback.php</a> <br/>5、新浪爱问博客收录：<a href="http://blog.iask.com/add_new_rss.php" target="_blank">http://blog.iask.com/add_new_rss.php</a> <br/>&nbsp;&nbsp;&nbsp;&nbsp;爱问博客Ping服务：<a href="http://blog.iask.com/ping.php" target="_blank">http://blog.iask.com/ping.php</a> <br/>6、有道博客搜索提交：<a href="http://tellbot.yodao.com/report?type=BLOG" target="_blank">http://tellbot.yodao.com/report?type=BLOG</a>&amp;keyFrom=help <br/>&nbsp;&nbsp;&nbsp;&nbsp; 有道网站提交：<a href="http://tellbot.yodao.com/" target="_blank">http://tellbot.yodao.com/</a> <a href="http://www.xxpcp.com" target="_blank">http://www.xxpcp.com</a> <br/>7、奇酷博客收录:<a href="http://so.blog.qikoo.com/subrss.html" target="_blank">http://so.blog.qikoo.com/subrss.html</a> <br/>8、Live Search网站提交：<a href="http://search.msn.com/docs/submit.aspx" target="_blank">http://search.msn.com/docs/submit.aspx</a> <br/>9、Souyo博客搜索提交：<a href="http://www.souyo.com/guide/addblog.htm" target="_blank">http://www.souyo.com/guide/addblog.htm</a> <br/>10、FeeDss博客提交：<a href="http://www.feedss.com/add_channel.html" target="_blank">http://www.feedss.com/add_channel.html</a>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.jiezo.com/blog/default.asp?id=211" /> 
	  <id>http://www.jiezo.com/blog/default.asp?id=211</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[ThinkSNS]]></title>
	  <author>
		 <name>ajie1017</name>
		 <uri>http://www.jiezo.com/blog/</uri>
		 <email>zj@jiezo.com</email>
	  </author>
	  <category term="" scheme="http://www.jiezo.com/blog/default.asp?cateID=5" label="做过的东西" /> 
	  <updated>2010-04-14T04:31:07+08:00</updated>
	  <published>2010-04-14T04:31:07+08:00</published>
		  <summary type="html"><![CDATA[测试帖<br/><br/><a href="http://www.jiezo.com/blog/blogedit.asp?id=210" target="_blank">ThinkSNS</a>&nbsp;&nbsp;- 2008年3月创立于北京，是中国知名的社会化网络产品服务提供商<br/><br/>2008年4月<a href="http://www.jiezo.com/blog/blogedit.asp?id=210" target="_blank">ThinkSNS</a>创始人刘晓庆（海虾）、联合创始人邱君（奇鸟）共同发布<a href="http://www.jiezo.com/blog/blogedit.asp?id=210" target="_blank">ThinkSNS</a>第一个版本<a href="http://www.jiezo.com/blog/blogedit.asp?id=210" target="_blank">ThinkSNS</a> 预览版上线演示<br/><br/>2008年5月12日<a href="http://www.jiezo.com/blog/blogedit.asp?id=210" target="_blank">ThinkSNS</a>预览版提供下载<br/><br/>2008年6月<a href="http://www.jiezo.com/blog/blogedit.asp?id=210" target="_blank">ThinkSNS</a>发布 1.0 beta版<br/><br/>2009年精彩即将上演。。。<br/><br/>......<br/><a href="http://www.jiezo.com/blog/blogedit.asp?id=210" target="_blank">ThinkSNS</a><br/><br/><a href="http://www.jiezo.com/blog/blogedit.asp?id=210" target="_blank">ThinkSNS</a>是国内最具潜力的互联网产品服务公司，为客户提供社会化网络产品、技术和服务在内的一系列解 决方案和平台化网络建设。<br/><br/><a href="http://www.jiezo.com/blog/blogedit.asp?id=210" target="_blank">ThinkSNS</a>从一开始是就秉承优秀的软件开源思想，注重知识分享和团队协作，以一种开放、共赢、互利和友 好的态度面向所有需要 <a href="http://www.jiezo.com/blog/blogedit.asp?id=210" target="_blank">ThinkSNS</a>，支持<a href="http://www.jiezo.com/blog/blogedit.asp?id=210" target="_blank">ThinkSNS</a>，喜爱<a href="http://www.jiezo.com/blog/blogedit.asp?id=210" target="_blank">ThinkSNS</a>的个人和社会团体。<br/><br/><a href="http://www.jiezo.com/blog/blogedit.asp?id=210" target="_blank">ThinkSNS</a>不单单是一个人性化的产品，同时也是整个公司灵魂化的象征，我们积聚创新，不断成长和完备， 汲取更多先进性的技术革新，创造 更具价值的优势产品，为更多<a href="http://www.jiezo.com/blog/blogedit.asp?id=210" target="_blank">ThinkSNS</a>的应用爱好者提供动力支持和技术源泉。]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.jiezo.com/blog/default.asp?id=210" /> 
	  <id>http://www.jiezo.com/blog/default.asp?id=210</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[三夫户外 飞机稿]]></title>
	  <author>
		 <name>ajie1017</name>
		 <uri>http://www.jiezo.com/blog/</uri>
		 <email>zj@jiezo.com</email>
	  </author>
	  <category term="" scheme="http://www.jiezo.com/blog/default.asp?cateID=5" label="做过的东西" /> 
	  <updated>2010-04-10T19:02:35+08:00</updated>
	  <published>2010-04-10T19:02:35+08:00</published>
		  <summary type="html"><![CDATA[意外翻出去年的飞机稿<br/><br/>传说中的屎色~<br/><img src="http://www.jiezo.com/blog/attachments/month_1004/12010410184731.jpg" border="0" alt=""/><br/><br/>绿色<br/><img src="http://www.jiezo.com/blog/attachments/month_1004/n2010410224630.jpg" border="0" alt=""/><br/><br/>嫩绿色<br/><img src="http://www.jiezo.com/blog/attachments/month_1004/q2010410224721.jpg" border="0" alt=""/><br/><br/>又一屎色<br/><img src="http://www.jiezo.com/blog/attachments/month_1004/p2010410224920.jpg" border="0" alt=""/><br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.jiezo.com/blog/default.asp?id=209" /> 
	  <id>http://www.jiezo.com/blog/default.asp?id=209</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[4月1,你被愚了吗？我被腾讯愚了]]></title>
	  <author>
		 <name>ajie1017</name>
		 <uri>http://www.jiezo.com/blog/</uri>
		 <email>zj@jiezo.com</email>
	  </author>
	  <category term="" scheme="http://www.jiezo.com/blog/default.asp?cateID=4" label="杰奏日志" /> 
	  <updated>2010-04-01T21:29:15+08:00</updated>
	  <published>2010-04-01T21:29:15+08:00</published>
		  <summary type="html"><![CDATA[4月1没有被别人愚，结果回来之后上网被腾讯CDC愚了，汗汗，如果不是看到标题的 囧rz~ 就真的被玩了。<br/><br/><a target="_blank" href="http://cdc.tencent.com/?showfun=1">你也可以试试</a><br/><img src="http://www.jiezo.com/blog/attachments/month_1004/7201041212521.gif" border="0" alt=""/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.jiezo.com/blog/images/quote.gif" style="margin:0px 2px -3px 0px" alt="引用内容"/> 引用内容</div><div class="UBBContent"><br/><img src="http://cdc.tencent.com/wp-content/uploads/2010/03/20100401-blog-april-fool.jpg" border="0" alt=""/><br/><br/>无论通过何种方法进到CDC Blog的童鞋们~恭喜你通过了我们小小小小考验！<br/>无论通过何种方法都无法在4月1日访问CDC Blog的童鞋们…囧~我谨代表CDC全体童鞋向你致以最诚挚滴歉意~！<br/><br/>祝大家愚人节大乐！<br/>但愿大家的愚人节没有太悲情…<br/><br/><br/>如果还想被玩一次，<a target="_blank" href="http://cdc.tencent.com/?showfun=1">请点这里^^。</a><br/><br/></div></div>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.jiezo.com/blog/default.asp?id=208" /> 
	  <id>http://www.jiezo.com/blog/default.asp?id=208</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[Google的10大设计原则]]></title>
	  <author>
		 <name>ajie1017</name>
		 <uri>http://www.jiezo.com/blog/</uri>
		 <email>zj@jiezo.com</email>
	  </author>
	  <category term="" scheme="http://www.jiezo.com/blog/default.asp?cateID=4" label="杰奏日志" /> 
	  <updated>2010-03-23T23:55:21+08:00</updated>
	  <published>2010-03-23T23:55:21+08:00</published>
		  <summary type="html"><![CDATA[下面是Google的用 户体验设计师Jon Wiley 在一 次讲座中提到的Google的10大设计原则。这些设计原则对于中国设计市场可能并不是那么的适用，但值得每一个设计师去借鉴和学习。<br/><br/>1. 有用（Useful）：以用户为焦点，关注他们的生活、工作和梦想。 <br/>2. 快速（Fast）：争取节省每一个毫秒。 <br/>3. 简单（Simple）：简洁就是力量。 <br/>4. 魅力（Engaging）：能够唤起新手的好奇心，能够吸引资深用户。 <br/>5. 革新（Innovative）：勇于创新。 <br/>6. 通用（Universal）：全世界适用的设计。 <br/>7. 盈利（Profitable）：为现行的和将来的商业模式做好安排。 <br/>8. 优美（Beautiful）：外观具有视觉愉悦性，但是不会令用户分心。 <br/>9. 可信（Trustworthy）：值得用户信赖。 <br/>10. 人性（Personable）：加入人性化因素。 <br/>让我们看看，Google如何在它自己的主页上，实践这些原则。首先，它的载入速度很快；其次，这个页面对访问Google的用户很有用；再次，它 的设计非常简单，几乎没有分散用户注意力的元素，因此不会令人有压迫感；然后，你几乎本能地就会使用它，不需要查阅复杂的说明手册， 除非你想使用一些高级功能；至于这个页面是否具有创新性，可能有不同看法，但是确实有许多其他网站照搬了这种设计； 因为用户可以按照直觉使用它，因此不存在文化壁垒；盈利通过网络广告实现，但是在首页上没有放置广告，因为这样可能会疏远用户；这个页面很宽敞，很优雅， 还带着一点幽默感（“手气不错”按钮），随着不同节日而变化的Logo带 来了人性化因素；至于可信性，由于所有一切都很直接了当，因此增强了用户的信心，使他们感到这里没有暗藏的机关，Google会为你提供最好的结果。<br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.jiezo.com/blog/default.asp?id=207" /> 
	  <id>http://www.jiezo.com/blog/default.asp?id=207</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[固定在网页的某个地方的JS 可做广告，表单，按钮，菜单等……]]></title>
	  <author>
		 <name>ajie1017</name>
		 <uri>http://www.jiezo.com/blog/</uri>
		 <email>zj@jiezo.com</email>
	  </author>
	  <category term="" scheme="http://www.jiezo.com/blog/default.asp?cateID=11" label="DIV+CSS+JS" /> 
	  <updated>2010-03-23T19:34:51+08:00</updated>
	  <published>2010-03-23T19:34:51+08:00</published>
		  <summary type="html"><![CDATA[固定在网页的某个地方的JS 可做广告，表单，按钮，菜单等……<br/><br/>一个同事在做华为项目时写的，我把一部分弄过来，留给自己，嘿嘿，虽然网上有很多，但是兼容好的没几个，收藏下.<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.jiezo.com/blog/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">&lt;style type=&#34;text/css&#34;&gt;<br/>/* 固定部分CSS */<br/>#wxlist {width:25px; position:relative; text-align:left;}<br/>/* 固定部分结束 */<br/>&lt;/style&gt;<br/>&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;<br/>&lt;div class=&#34;&#34; id=&#34;wxlist&#34; style=&#34;position: absolute; top: 364.5px; left: 1255px;&#34;&gt;<br/>&lt;div&gt;&lt;a href=&#34;javascript:void(0)&#34; onclick=&#34;popBugBox()&#34; class=&#34;&#34;&gt;用户反馈&lt;/a&gt;&lt;/div&gt;<br/>&lt;/div&gt;<br/><br/>&lt;script type=&#34;text/javascript&#34;&gt;<br/>var D=new Function(&#39;obj&#39;,&#39;return document.getElementById(obj);&#39;)<br/>function htmlbody(){<br/>&nbsp;&nbsp;&nbsp;&nbsp;return (<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.documentElement.clientHeight&lt;=document.body.clientHeight<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&amp;&amp;document.documentElement.clientHeight!=0<br/>&nbsp;&nbsp;&nbsp;&nbsp;)<br/>&nbsp;&nbsp;&nbsp;&nbsp;?document.documentElement:document.body;<br/>}<br/><br/>function scrollLeft(){return (!window.pageYOffset)?htmlbody().scrollLeft:window.pageXOffset;}<br/>function scrollTop(){return (!window.innerHeight)?htmlbody().scrollTop:window.pageYOffset;}<br/><br/><br/>function getleft(strobjs,strLeftType,strleft){<br/>&nbsp;&nbsp;&nbsp;&nbsp;var temp_getleft = 0;<br/>&nbsp;&nbsp;&nbsp;&nbsp;if (strLeftType==&#34;left&#34;){<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//temp_getleft = scrollLeft()*1 + strleft*1;<br/>temp_getleft = scrollLeft()*1 + 1;<br/>&nbsp;&nbsp;&nbsp;&nbsp;}else if (strLeftType==&#34;mid&#34;){<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(strleft*1&lt;0)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;?temp_getleft = scrollLeft()*1 + strleft*1<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;+ htmlbody().clientWidth*1/2 - strobjs.offsetWidth*1<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:temp_getleft = (scrollLeft()*1+strleft*1 + htmlbody().clientWidth*1/2);<br/>&nbsp;&nbsp;&nbsp;&nbsp;}else if (strLeftType==&#34;right&#34;){<br/>//&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;temp_getleft <br/>//&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;= scrollLeft()*1 + htmlbody().clientWidth*1 <br/>//&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- strleft*1 - strobjs.offsetWidth*1;<br/>temp_getleft <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;= scrollLeft()*1 + htmlbody().clientWidth*1-25;<br/>&nbsp;&nbsp;&nbsp;&nbsp;}<br/>&nbsp;&nbsp;&nbsp;&nbsp;return temp_getleft;<br/>}<br/><br/>function moveTips(strobj,theTop,theLeft,theLeftType,tt) {<br/>&nbsp;&nbsp;&nbsp;&nbsp;var nowobj = D(strobj);<br/>&nbsp;&nbsp;&nbsp;&nbsp;var nowleft = nowobj.style.left.replace(&#34;px&#34;,&#34;&#34;)*1;<br/>&nbsp;&nbsp;&nbsp;&nbsp;var temp_left = getleft(nowobj,theLeftType,theLeft);<br/>&nbsp;&nbsp;&nbsp;&nbsp;var re_theTop = theTop;<br/>&nbsp;&nbsp;&nbsp;&nbsp;if (temp_left!=nowleft){<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(Math.abs(temp_left-nowleft)&gt;3&amp;&amp;Math.abs(temp_left-nowleft)&lt;600)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;?((temp_left&gt;nowleft)?nowleft += Math.abs(temp_left-nowleft)/5<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:nowleft -= Math.abs(temp_left-nowleft)/5)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:nowleft = temp_left;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;nowobj.style.left = nowleft + &#34;px&#34;;<br/>&nbsp;&nbsp;&nbsp;&nbsp;}<br/>&nbsp;&nbsp;&nbsp;&nbsp;if (!openweb){old = re_theTop;var openweb;};<br/>&nbsp;&nbsp;var pos=50;<br/>&nbsp;&nbsp;pos = scrollTop()*1-nowobj.offsetTop*1+re_theTop*1;<br/>&nbsp;&nbsp;pos = nowobj.offsetTop+pos/10;<br/>&nbsp;&nbsp;if (pos &lt; re_theTop) pos = re_theTop;<br/>&nbsp;&nbsp;if (pos != old) {nowobj.style.top = pos+&#34;px&#34;;}<br/>&nbsp;&nbsp;old = pos;<br/>&nbsp;&nbsp;setTimeout(&#34;moveTips(&#39;&#34;+strobj+&#34;&#39;,&#39;&#34;+theTop+&#34;&#39;,&#39;&#34;+theLeft+&#34;&#39;,&#39;&#34;+theLeftType+&#34;&#39;)&#34;,tt);<br/>}<br/><br/><br/>//参数说明：moveTips(对象ID,距顶部像素,距左边像素,样式类型(left/mid/right)，函数延时(单位为毫秒));<br/>moveTips(&#39;wxlist&#39;,&#39;360&#39;,&#39;470&#39;,&#39;right&#39;,&#34;0&#34;);<br/><br/>&lt;/script&gt;<br/><br/> </div></div><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.jiezo.com/blog/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp32972"><style type=&#34;text/css&#34;>
/* 固定部分CSS */
#wxlist {width:25px; position:relative; text-align:left;}
/* 固定部分结束 */
</style>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div class=&#34;&#34; id=&#34;wxlist&#34; style=&#34;position: absolute; top: 364.5px; left: 1255px;&#34;>
<div><a href=&#34;javascript:void(0)&#34; onclick=&#34;popBugBox()&#34; class=&#34;&#34;>用户反馈</a></div>
</div>

<script type=&#34;text/javascript&#34;>
var D=new Function('obj','return document.getElementById(obj);')
function htmlbody(){
    return (
        document.documentElement.clientHeight<=document.body.clientHeight
        &amp;&amp;document.documentElement.clientHeight!=0
    )
    ?document.documentElement:document.body;
}

function scrollLeft(){return (!window.pageYOffset)?htmlbody().scrollLeft:window.pageXOffset;}
function scrollTop(){return (!window.innerHeight)?htmlbody().scrollTop:window.pageYOffset;}


function getleft(strobjs,strLeftType,strleft){
    var temp_getleft = 0;
    if (strLeftType==&#34;left&#34;){
        //temp_getleft = scrollLeft()*1 + strleft*1;
temp_getleft = scrollLeft()*1 + 1;
    }else if (strLeftType==&#34;mid&#34;){
        (strleft*1<0)
        ?temp_getleft = scrollLeft()*1 + strleft*1
        + htmlbody().clientWidth*1/2 - strobjs.offsetWidth*1
        :temp_getleft = (scrollLeft()*1+strleft*1 + htmlbody().clientWidth*1/2);
    }else if (strLeftType==&#34;right&#34;){
//            temp_getleft 
//            = scrollLeft()*1 + htmlbody().clientWidth*1 
//            - strleft*1 - strobjs.offsetWidth*1;
temp_getleft 
            = scrollLeft()*1 + htmlbody().clientWidth*1-25;
    }
    return temp_getleft;
}

function moveTips(strobj,theTop,theLeft,theLeftType,tt) {
    var nowobj = D(strobj);
    var nowleft = nowobj.style.left.replace(&#34;px&#34;,&#34;&#34;)*1;
    var temp_left = getleft(nowobj,theLeftType,theLeft);
    var re_theTop = theTop;
    if (temp_left!=nowleft){
        (Math.abs(temp_left-nowleft)>3&amp;&amp;Math.abs(temp_left-nowleft)<600)
        ?((temp_left>nowleft)?nowleft += Math.abs(temp_left-nowleft)/5
        :nowleft -= Math.abs(temp_left-nowleft)/5)
        :nowleft = temp_left;
        nowobj.style.left = nowleft + &#34;px&#34;;
    }
    if (!openweb){old = re_theTop;var openweb;};
  var pos=50;
  pos = scrollTop()*1-nowobj.offsetTop*1+re_theTop*1;
  pos = nowobj.offsetTop+pos/10;
  if (pos < re_theTop) pos = re_theTop;
  if (pos != old) {nowobj.style.top = pos+&#34;px&#34;;}
  old = pos;
  setTimeout(&#34;moveTips('&#34;+strobj+&#34;','&#34;+theTop+&#34;','&#34;+theLeft+&#34;','&#34;+theLeftType+&#34;')&#34;,tt);
}


//参数说明：moveTips(对象ID,距顶部像素,距左边像素,样式类型(left/mid/right)，函数延时(单位为毫秒));
moveTips('wxlist','360','470','right',&#34;0&#34;);

</script>

 </TEXTAREA><br/><INPUT onclick="runEx('temp32972')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp32972')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.jiezo.com/blog/default.asp?id=206" /> 
	  <id>http://www.jiezo.com/blog/default.asp?id=206</id> 
  </entry>	
		
</feed>