纯CSS、简单JS两种实现HTML页面指定内容延迟加载的方法

有时候制作网页的时候,要在某些地方加载一些体积比较大的内容或者广告等,这些内容常常会导致页面加载变慢,因为这些内容还没有加载完的时候,下面的内容就要继续等待加载。

于是我们可以让影响页面加载速度的内容在整个页面的其他内容加载完之后,再进行加载。

当然有人会用各种延迟加载的技术,但ajax什么的过于复杂了。

这里提供两种最简单的方法。

方法一:纯CSS实现HTML页面指定内容延迟加载

把整个页面外部的div的CSS属性设置为“position:relative”,然后我们要延迟加载的内容所在的div的CSS设置为:“position:absolute;”。然后把延迟加载内容的HTML代码放到页面源代码的最后面。例如:


[……]

继续阅读全文→

计算今天或指定日期起第几周代码(2011年10月15日增加新代码)

这个代码可以用来显示学校的教学周或工作周。开始时间设定为开学第一天的日期,结束时间即本学期最后一天。代码中默认设置为今天,即今天是属于这个学期第几周。如果要算指定某天是属于第几周,就指定计算的日期。

[……]

继续阅读全文→

[转]JS控制刷新自动切换预设内容

<SCRIPT type=text/JavaScript>
<!–
hr0 ='<a href="#" target="_blank">111</a>’;
hr1 ='<a href="#" target="_blank">222</a>’;
hr2 ='<a href="#" target="_blank">333</a>’;
hr3 ='<a href="#" target="_blank">444</a>’;
hr4 ='<a href="#" target="_blank">555</a>’;
function getunum(){
    var now=new Date();
    var number = now.getSeconds()%5;
    document.write(eval(‘hr’+number));
}
getunum();
//–>
</SCRIPT>

[……]

继续阅读全文→

[转]input表单提交按钮对齐的解决方案


[……]

继续阅读全文→