CSS,图片，预加载例子
预读内容对于部分网速慢，或者加载内容过多的页面，是非常有效的提高友好程度的方法。防止出现由于样式表，和关键图片加载滞后，导致的页面布局错乱，以及关键图片不能马上展示。
也可以防止由于页面信息加载不全，导致js出错。
经过一番尝试，此方法可以兼容IE及其他浏览器。
在IE下 用 new Image().src
的形式进行加载
在其他的浏览器中 用a 动态<object>
标签
源码以及DEMO
Demo 下载地址：http://download.csdn.net/source/2327166
这里是最终的实现.
在这个例子里面，预先加载下一个页面所需要的关键内容. 内容是一个CSS, 一个 JS 和一个 PNG .
window
.
onload
=
function
(
)
{
var
i
=
0
,
max
=
0
,
o
=
null
,
//
list of stuff to preload
preload
=
[
'
http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.png
'
,
'
http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.js
'
,
'
http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.css
'
]
,
isIE
=
navigator
.
appName
.
indexOf
(
'
Microsoft
'
)
===
0
;
for
(
i
=
0
,
max
=
preload
.
length
;
i
<
max
;
i
+=
1
)
{
if
(
isIE
)
{
new
Image
(
)
.
src
=
preload
[
i
]
;
continue
;
}
o
=
document
.
createElement
(
'
object
'
)
;
o
.
data
=
preload
[
i
]
;
//
IE stuff, otherwise 0x0 is OK
//
o.width = 1;
//
o.height = 1;
//
o.style.visibility = "hidden";
//
o.type = "text/plain"; // IE
o
.
width
=
0
;
o
.
height
=
0
;
//
only FF appends to the head
//
all others require body
document
.
body
.
appendChild
(
o
)
;
}
}
;
A demo is here:
http://phpied.com/files/object-prefetc
相关文档：
本节主要讲解，两个内容，
第一：CSS
如何控制页面样式，有
几种方式；
第二：这些方式出现在同一个页面时的优先级。
使用xHTML
+CSS
布局页面，其中有个很重要的特点就是内容与表象相分离，内容指HTML页面代码，表象就是CSS代码了，如果把页面看成穿着衣服的人的话，人就是
HTML，是� ......
上节课我们讲了一下Css通过什么方式去控制页面
，如果不记得，我来帮大家回忆一下，总共有四种方式行内方式、内
嵌方式、链接方式、导入方式，大家通过这四种方式就可以实现CSS
对HTML
页面样式的控制，如果要让这些样式对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需
要用到CSS选择器，HTML页面中的� ......
CSS＋DIV是网站标准中常用的术语之一，通常为了说明与HTML网页设计语言中的表格定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。那么使用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误：
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
有时候我们在 ......
1. 样式表的简介：样式表由样式规则组成，这些规则告诉浏览器如何显示文档。
根据样式表所在位置，可分为行内样式、内嵌样式表、外部样式表
Ø 样式表的基本语法
1． 样式规则：h2{color:limegreen;}
&n ......
//获取一个特定元素的样式属性
function getStyle(elem,name){
//如果该属性存在于style中 则他最近被设置过
if(elem.style[name]){
return elem.style[name];
}
//否则尝试IE方法
else if(elem.currentStyle){
return elem.currentStyle[name];
//W3C方法
}else if(document.defaultview && document ......
