可咔酷 > Tag > JavaScript

下面的代码是前段时间无聊的时候在论坛闲逛看到的一篇关于图片预加载的文章，其实写的不错，代码如下：

function loadImage(url, callback) {
var img = new Image(); //创建一个Image对象，实现图片的预下载

照片墙偶尔也会用到，一些企业网站的关于页面介绍团队成员的时候大都会采用照片墙的形式，所以代码贴到这里，希望对你有所帮助。

对于浏览器上的开发者来说，2011年又是相当精彩的一年。web开发者Phil Hawksworth在这篇文章中总结了web 上经典的JavaScript用法。

那些喜欢冒险体验前沿技术的开发者现在应该会非常开心。浏览器正变得越来越强大，上面有各种丰富的功能可以供开发者选择，一些在几年前几乎难以想象的功能都已经一一实现。有了这些新功能，开发者现在能够开发出更精细、更复杂、更有想象力的用户界面了。这为网站开发扫清了障碍，网站能够拥有让人惊喜的用户界面了。

Web 开发者需要经常更新他们的知识，学习新的技术，如果他们还想继续在 Web 开发领域混并混得还不错的话。下面将为你展示 7 项新的Web开发技术，作为一个Web开发人员，你需要了解、熟悉并学会的技术。

CSS3 media queries

目前，大量的智能手机设备的涌现，同时各种不同尺寸屏幕的设备，如平板电脑之类的出现，对Web开发带来了前所未有的挑战，如何让 Web 页面能适应各种尺寸的屏幕让很多 Web 开发人员相当的纠结。

DivCSS+JavaScript实现弹出一个始终居中的半透明层，它可以自动适应浏览器窗口大小，拖动IE滚动条它仍然居中，而且还可以改变它的透明度，和大站的效果是一样的。

先看HTML代码：

jQuery 是最流行也是使用最广泛的 JavaScript 框架，它简化了 HTML 文档操作，事件处理，动画效果和 Ajax 交互。下面向大家分享8个优秀的 jQuery 倒计时插件和教程。

jQuery对事件系统的抽象与优化也是它的一大特色。本文仅从事件系统入手，简要分析一下jQuery为什么提供mouseenter和mouseleave事件，它们与标准的mouseover、mouseout事件有什么区别。

事件模型

说到事件，就要追溯到网景与微软的“浏览器大战”了。当时，事件模型还没有标准，两家公司的实现就是事实标准。网景在Navigator中实现了“事件捕获”的事件系统，而微软则在IE中实现了一个基本上相反的事件系统，叫做“事件冒泡”。这两种系统的区别在于当事件发生时，相关元素处理（响应）事件的优先权不同。

我们来看看怎样使用jQuery，以Ajax方式加载外部（其他域上）的内容。这里的所有代码都可以从GitHub下载，也可以在这个演示页面中获取，因而不用复制粘贴了。

OK，Ajax通过jQuery是很容易做到的，大多数解决方案就几行代码：