0
用户体验团队网站
1、UCD大社区 http://ucdchina.com/
2、腾讯WSD http://wsd.tencent.com/
3、腾讯CDC http://cdc.tencent.com/
4、腾讯ISD http://isd.tencent.com/
5、淘宝UED http://ued.taobao.com/
0
环境： ie6 （window sp3） ie7,8,9 firefox3.6， chrome10，opera 10.62 （window7）
本文先列举出几种常见的字体的显示问题以及优点，然后再列举几个web字体的最佳实践，一一作一分析。
1） Tahoma&& Arial字体比较
（1）字体下划线问题：Tahoma在ie6下的li元素里面显示很好，其他的所有浏览器中，下划线都会粘连中文文字，英文问题没有粘连；但是Arial字体除了ie6，firefox3.6 ，其他浏览器都是下划线粘贴着文字。
（2）13px中文问题：ie6 和firefox3.6 显示很难看，用的是14号字体，其他浏览器都用12px字体显示的（Arial字体比Tahoma字体好看点）；
（3） 中英文混排问题：同一行中出现了中文和英文，如果设置了vertical-align属性，会出现高低不齐的现象。ie7出现了错位。zoom:1可以解决一部分问题。
（4）设置Tahoma字体后可以使表单元素和label对齐（比如radio,check ,text,select和相应的文本对齐，同时设置两者 vertical-align:middle ）
2）宋体的问题（又名SimSun），unicode 编码 \5b8b\4f53
（1） Opera 下，只认 “宋体”， 不认 SimSun
eg：font: 12px arial; 此时，Opera 默认中文字体就是宋体，font: 12px sans-serif; 此时，Opera 默认中文字体就是宋体。
font: 12px tahoma,arial,simsun,sans-serif; 对于’宋体’来说，如果后面已经没有中文字体，用 simsun 还是 ok 的。
0
![令人心酸至极的100个微瞬间 [转自天涯]](http://www.ccxweb.cn/wp-content/uploads/ta-thumbnails-cache/150x120-c/663-1-150x120-c.jpg)
1.网银是我爸帮我弄的，用的时候，发现验证信息是“女儿，努力！”
2.妈说：“想你的时候，就一个人去逛街，想像着那些漂亮衣服穿在我女儿身上是什么样子的，这样我就开心了。”
3.家里买台大电视，我想放客厅，可老妈想放他们卧室，一直争执不下，最后还是老妈妥协了。
很多年过去了，有天老妈发短信：电视放我和你爸卧室其实是想让你能来我们屋看，这样可以多陪陪我们……
当即释怀，忍不住大哭。
4.爷爷拉着我说：“我很好，别担心，你自己在外面注意身体，多吃点好吃的……”
明明在饭桌上，我只看到一小盘咸菜孤独的摆着，眼前顿时模糊一片，那天是他80岁的生日啊~~~
5.在外第一个春节坐火车回家带了一瓶绿茶，妈妈说：“我从来没有喝过这个东西，好好喝。”
6.我是单亲家庭，一直和妈妈生活在一起。平时老妈忙，每天就晚上能看到。一天半夜，狐朋狗友找我玩，出门前，妈妈一边看站在门
口换鞋的我，一边幽幽地问：“你……可不可以带我一起去？”鼻子一酸，眼泪立刻就流下来了。
导航是网页设计中不可缺少的部分，它是网站访问者获取所需内容的快速通道和途径。导航让网站的层次结构以一种有条理的方式清晰展示，并引导用户毫不 费力地找到并管理信息，达到有效传递。同时，导航一般λ于网页的中上部分，也是视觉中心的区域内。在保持其合理的功能作用的同时，一个好的导航设计，往往 能够成为整个网页设计的点睛之笔！
一个设计师在布局和整体规划网页设计时，导航总是一个重要的元素。我们会思考，导航以什ô形式呈现？是否能够最大程度地发挥其梳理网站结构、有效传 递信息的功能？是否能够烘托和配合整个页面的设计风格？是否能够别出心裁润色和体现该网站的特点又不影响其功能性？是否能够精益求精成为整个网页设计至关 重要的一笔？那ô，就让我们一起分享和浅析一下一些让设计师们花费心思精雕细琢的导航设计吧。
导航的设计会根据网站的基本类别、属性和各自特点而有所定λ。在这里，我挑选了一些非系统、门户等类型，有明确特点、用户定λ、产品及品牌特色的品 牌类、专题类网站。对于这些网站来说，导航的设计将突破我们常见的横向长条导航或者竖式导航，会更加有意ζ、趣ζ和玩ζ，是能让设计师们尽情拓展设计创意 和思维的“有点儿意思”的导航设计！
A. 材质类，给导航加点材质！
材质类的导航，是润色导航、增加导航意ζ最常用的设计方法。在有特殊定向和用户指向的网站设计里是广被设计师们使用的手法。这种快速、简单、效果直 接的设计方式，能够迅速将产品的特性和设计师的巧思呈现出来。并且材质类的导航设计往往都可以不必打破导航的基本形态，能够很好的保持导航的功能性，页面 排版的整齐感。因此可以在固定的网页原型的结构和λ置上，灵活地表达产品的特性。设计师们可以随心所欲雕琢内部的材质，从而打造不一样的意ζ导航，成为整 个页面的小小亮点。
0
jquery方法中有一组淡入淡出的方法，fadeIn和fadeOut，组合起来使用就可以实现一组淡入淡出的jquery闪烁效果。代码：
$("div.block").fadeOut(100).fadeIn(100);
这样可以实现单词的闪烁效果，如果需要连续闪烁，则可以借助setInterval或setTimeout方法来循环实现闪烁。
setInterval版
//每200毫秒循环执行一次
setInterval(function(){
$("p").fadeOut(100).fadeIn(100);
},200);
setTimeout版
(function(){
$("p").fadeOut(100).fadeIn(100);
setTimeout(arguments.callee,200);
})();
以上代码可以实现块状元素或者文字内容的jquery闪烁效果，但有时候我们需要实现背景颜色的闪烁，jquery有一个animate动画方法， 但所有用于动画的属性必须是数字，像color，background-color，border-left-color等颜色值则无法实现动画效果。
而jQuery ui中Effects的animation分明是可以实现颜色的动画渐变。（见：http://jqueryui.com/demos/animate/）所以用户可以选择安装jquery ui或者只安装jquery ui Effects Core库来实现颜色的动画效果。
除了这些，已经有牛人将jquery ui Effects Core中关于颜色动画抽取成了单独的jquery插件供用户使用，详情可见http://www.css88.com/archives/4090
调用方法和上面的jquery闪烁效果类似
$("div.block").animate({ backgroundColor: "#68BFEF" }, 500)
.animate({ backgroundColor: "black" }, 1000);
这里贴出插件的下载地址：
jquery.colorAnimations.js
0
多的东西，自己找找吧
javascript事件查询综合
click() 对象.click() 使对象被点击。
closed 对象.closed 对象窗口是否已关闭true/false
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象
confirm(”提示信息”) 弹出确认框，确定返回true取消返回false
cursor:样式 更改鼠标 样式 hand crosshair text wait help default auto e/s/w/n-resize
event.clientX 返回最后一次点击鼠标X坐标值；
event.clientY 返回最后一次点击鼠标Y坐标值；
event.offsetX 返回当前鼠标悬停X坐标值
event.offsetY 返回当前鼠标悬停Y坐标值
![令人心酸至极的100个微瞬间 [转自天涯]](http://www.ccxweb.cn/wp-content/uploads/ta-thumbnails-cache/75x75-c/663-1-75x75-c.jpg)
