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

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

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

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

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

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

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


[……]

继续阅读全文→

[转]重构者的20种死法

原文 XiaoMing http://www.cnblogs.com/XmNotes/archive/2010/12/13/1904377.html

最近涉及重构话题的文章不少啊,其实我也一直在憧憬重构,重构很绿色,重构很河蟹,重构令人很激动,重构可能让人死得很惨。

我在这里,就列举一下Refactorman的种种死法,以警后人:

一、一边重构,一边要完成日常任务……

1. 疲于奔命,过劳而死。


[……]

继续阅读全文→

[转]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表单提交按钮对齐的解决方案


[……]

继续阅读全文→