交互设计中心-72色

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

CSS经验总结出非常有用的八个技巧

2009年3月20日 | 分类:DIV+CSS | 评论:0 | | Tags:css  技巧  

看到 我爱css 网站列出了这些做css网站的技巧,很实用,很强大的说,转给大家看看

一、若有疑问立即检测
  在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用,请见 http://validator.w3.org 。请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数量爆减。
...


外面连接的图片要是不显示,就替换掉它

2009年2月4日 | 分类:jquery/javascript | 评论:0 | | Tags:远程  替换  

上次的如何避免网页上出现“可爱”的小红叉 是批量的处理,这个例子是针对带个图片,可以出现不同图片效果。

判断远程图片是否存在,不存在的话替换成默认的图片,代码如下:

第一种情况存在:<IMG src="http://www.163.com/images/neteaselogo.gif" onerror="javascript:this.src='http://www.72color.com/themes/garland/style/garland/logo.png'">

...


如何避免网页上出现“可爱”的小红叉

2009年2月2日 | 分类:jquery/javascript | 评论:0 | | Tags:避免  小红叉  

刚才和同事讨论到“图片丢失或图片地址输入错误”的处理方法,
$ f4 `6 m/ ]& z& X2 n, c我一直都没在意到这个细节,我只管坚持着“错了就改过来”的原则去做站。- K# } M3 z) R7 d4 \6 D: ^6 `
但是错误总是在所难免的,我们也不是有很多时间去测试去检查错误!
...


2009我们中国一起牛起来!

2009年1月21日 | 分类:我的地盘 | 评论:0 | | Tags:2009    

 2009我们中国一起牛起来!

恭祝大家happy 牛 year!


超酷极眩的苹果机(MAC)OS系统导航条(CSS+JS实现)

2009年1月15日 | 分类:jquery/javascript | 评论:1 | | Tags:mac  导航  

在网上发现了这个极酷的导航条,整理一下放到这里给大家欣赏之!
内容太多了就不贴出代码了,打个包共大家下载研究!

在线演示
打包下载

...


不用js实现带序号的表格隔行换色的效果

2009年1月13日 | 分类:DIV+CSS | 评论:1 | | Tags:序号  隔行换色  

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>不用js实现带序号的表格隔行换色的效果</title>
<style>   
.test{   
border:1px solid #000;   
color:#333;   
font:12px;   
}   
.test ol li{   
padding-left:5px;   
background-color:expression(this.sourceIndex%2? '#ff0':'#00f');   
}   
</style>
</head>
<body><div class="test">  
<ol>  
<li>鼠标特效</li>  
<li>页面特效</li>  
<li>背景特效</li>  
<li>导航菜单</li>  
...

 


站长版《伤心太平洋》-《伤心的站长》

2009年1月13日 | 分类:flash | 评论:1 | | Tags:伤心的站长  

歌曲:伤心的站长
原曲:任贤齐《伤心太平洋》
...


不要让js广告影响网页打开速度

2009年1月13日 | 分类:jquery/javascript | 评论:0 | | Tags:javascript  广告  

有些联盟广告的载入速度有些慢,影响了其它内容的打开速度。这时候我们可以使用下面的代码来解决这个问题:

1、首先把广告代码放到下面的代码中:

<span id="myads">广告载入中……</span>


2、然后在网页的底部(比如</body>前)加上下面的代码:

<span id="span_myads">这里放广告代码</span>
...


表单提交后按钮变灰不可用的方法

2009年1月13日 | 分类:jquery/javascript | 评论:0 | | Tags:按钮  

在点击“Submit按钮”之后,将Submit设置为Disable,使按钮变灰不可用,具体的做法如下:

1、先在Form里加入:

onSubmit="submitonce(this)"


2、再在“Submit按钮”之前加入下面的代码:

<script language="javascript">
...


在css里面写javascript---css expression属性

2009年1月4日 | 分类:DIV+CSS | 评论:0 | | Tags:expression  javascript  

给元素固有属性赋值
  例如,你可以依照浏览器的大小来安置一个元素的位置。

 

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
...