交互设计中心-72色

交互设计中心 | 用户体验 | 优化

去掉table的border默认属性的3维效果

2008年4月29日 | 分类:DIV+CSS | 评论:1 | | Tags:css  table  td  th  

已经对border默认属性的3维效果感到厌倦了么?我也是.一般来说,为table标签加上border="1"就会与图3-1的效果类似,当然你也能换个方法,这边有一个用css做出漂亮整洁边框的诀窍.首先,我们给每个<th><td>单元格两侧(右侧和底部)加上一像素的边框:

th, td {
  border-right: 1px solid #999;
...


用DIV模拟弹出窗口--窗体滚动跟随

2008年4月24日 | 分类:jquery/javascript | 评论:0 | | Tags:IE与Firefox兼容  javascript  js  div  

复制以下代码直接写到记事本里保存成html文件即可看到效果 IE6、IE7、FF2兼容,其他浏览器未测试

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>72色-http://www.72color.com/</title>
<script>
function getPosition() {
      var top    = document.documentElement.scrollTop;
      var left   = document.documentElement.scrollLeft;
      var height = document.documentElement.clientHeight;
      var width  = document.documentElement.clientWidth;
      return {top:top,left:left,height:height,width:width};
}
...


CSS兼容问题:inline-block 属性运用

2008年4月24日 | 分类:DIV+CSS | 评论:0 | | Tags:IE与Firefox的CSS兼容大全  inline-block  

现在对于 inline-block 属性运用的需求也越来越多,可惜依旧只有 Firefox3 beta、IE8 beta、Opera、Safari 支持 inline-block 属性(注:原来只有 Opera、Safari 支持),但 IE6、IE7 可以通过触发 hasLayout 来模拟,Firefox2 有-moz-inline-box 和 -moz-inline-stack 私有属性。
...


怎样设计一个奇特的图标?

2008年4月9日 | 分类:用户体验/交互设计 | 评论:2 | | Tags:logo  设计UE/UI  图标  

想象力
怎样设计一个奇特的图标?

Music Park - by Albin


...


你的名字永远刻在了她的心理

2008年4月8日 | 分类:用户体验/交互设计 | 评论:0 | | Tags:用户分析  交互设计  

吉姆法里从来没有进过一所中学,但是在他46岁之前,已经有四所学院授予他荣誉学位,并且成了民主党全国委员会的主席、美国邮政总局局长。他成功的秘诀在哪里呢?原来,他有一种记住别人名字的惊人本领。

他说。“我能叫出5万个人的名字。我在为一家石膏公司推销产品的时候,学会了一套记住别人名字的方法。”

他说这是一个极其简单的方法。他每当新认识一个人,就问清楚他的全名、家里的人口,以及干什么行业、住在哪里。他把这些牢牢地记在脑海里。即使一年以后,他还是能够拍拍别人的肩膀,询问他太太和孩子的情况。难怪有这么多拥护他的人!


修复IE背景图片闪烁或不见的现象

2008年4月3日 | 分类:jquery/javascript | 评论:0 | | Tags:css  div  js  javascript  IE6  

为什么会出现闪烁或不见现象?
IE6在处理A标签的CSS定义中的背景图片属性时候,当你把鼠标移上去的时候每次都会去检查是否有一个新的版本。
你可能会看到背景图片短暂或更长的闪烁。可能因为,网速,CPU速度或者背景图片大小;
你也可能看不图片的闪烁,但会注意到鼠标指针由默认的形状变成闪烁的形状,意味着这里在运行着一些东西。
如果你改变了IE的“temporay internet files"设置为"每次访问此页时检查",那么你一定可以看到闪烁现象。
...


关于背景半透明---转

2008年3月31日 | 分类:DIV+CSS | 评论:0 | | Tags:IE与Firefox的CSS兼容大全  css  Firefox  IE  

做过活动页面的同学可能会遇到要做背景半透明的效果,我们一般的做法是用两个层,一个用于放文字,另一个用于做透明背景,因为透明滤镜的效果会影响到里面的内容。不过如果你只需求在IE下实现,我们有更简单的做法:

================HTML======================
<div class="alpha1">
<div class="ap2">
...


马云版白雪公主CEO们成了小矮人

2008年3月28日 | 分类:我的地盘 | 评论:0 | | Tags:马云  白雪公主  


理解JavaScript中的事件

2008年3月25日 | 分类:jquery/javascript | 评论:0 | | Tags:javascript  js  js学习  事件  

在很多语言的学习中,“事件”都是一个比较难理解,但是又是一个很重要的概念。javascript中的事件处理也是一样,正因为有了事件处理,才会出现Ajax拖动的效果。本文就讨论一下JavaScript中的事件处理,读过之后,您就会知道,很多Ajax框架实现拖动效果的原理了。
一、 IE Event对象
(一)IE Event对象的主要属性和方法
  在IE中有一个专门负责事件处理的对象Event,这个对象负责对事件的处理,含有很多的属性和方法,通过这些方法和属性的调用,就能完成很多的事件处理。
...


精彩的导航菜单欣赏及趋势分析

2008年3月25日 | 分类:用户体验/交互设计 | 评论:0 | | Tags:用户分析  导航  设计  

        在网页设计中,导航是整个网页设计的最重要的因素。导航为用户提供一定意义上的定位,并引导他们进入网站。
由于在网络布局本着为用户更直观、方便的原则,导航菜单没有太多的设计元素,大多数都选择更为简单、直观和常规的方式。不过,这不意味着它们必须沉闷,现在给大家展示一些优秀的导航设计,从中我们可以观察总结出现一些导航设计的方法和设计趋势,也许它可以成为你的灵感来源。......