CSS经验总结出非常有用的八个技巧
看到 我爱css 网站列出了这些做css网站的技巧,很实用,很强大的说,转给大家看看
一、若有疑问立即检测
在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用,请见 http://validator.w3.org 。请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数量爆减。
...
外面连接的图片要是不显示,就替换掉它
上次的如何避免网页上出现“可爱”的小红叉 是批量的处理,这个例子是针对带个图片,可以出现不同图片效果。
判断远程图片是否存在,不存在的话替换成默认的图片,代码如下:
第一种情况存在:<IMG src="http://www.163.com/images/neteaselogo.gif" onerror="javascript:this.src='http://www.72color.com/themes/garland/style/garland/logo.png'">
...
如何避免网页上出现“可爱”的小红叉
刚才和同事讨论到“图片丢失或图片地址输入错误”的处理方法,
我一直都没在意到这个细节,我只管坚持着“错了就改过来”的原则去做站。- K# } M3 z) R7 d4 \6 D: ^6 `
但是错误总是在所难免的,我们也不是有很多时间去测试去检查错误!
...
2009我们中国一起牛起来!
2009我们中国一起牛起来!
恭祝大家happy 牛 year!
超酷极眩的苹果机(MAC)OS系统导航条(CSS+JS实现)
不用js实现带序号的表格隔行换色的效果
<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>
...
站长版《伤心太平洋》-《伤心的站长》
歌曲:伤心的站长
原曲:任贤齐《伤心太平洋》
...
不要让js广告影响网页打开速度
有些联盟广告的载入速度有些慢,影响了其它内容的打开速度。这时候我们可以使用下面的代码来解决这个问题:
1、首先把广告代码放到下面的代码中:<span id="myads">广告载入中……</span>
2、然后在网页的底部(比如</body>前)加上下面的代码:<span id="span_myads">这里放广告代码</span>
...
表单提交后按钮变灰不可用的方法
在点击“Submit按钮”之后,将Submit设置为Disable,使按钮变灰不可用,具体的做法如下:
1、先在Form里加入:onSubmit="submitonce(this)"
2、再在“Submit按钮”之前加入下面的代码:<script language="javascript">
...
在css里面写javascript---css expression属性
给元素固有属性赋值
例如,你可以依照浏览器的大小来安置一个元素的位置。
...Example Source Code [www.52css.com]



Example Source Code