JS 图片预加载技术

JS 图片预加载技术

项目开发中时常需要用 JS 判断一张图片是否加载成功,

如果图片加载成功,则执行其相应的 onload 绑定事件,

这个就是我们所说的图片预加载技术,先上最终版代码:

  1. function loadImage(url, callback) {   
  2.     var img = new Image();   
  3.     img.onload = function () {   
  4.         img.onload = null;   
  5.         callback(img);   
  6.     }   
  7.     img.src = url;   
  8. }  

经测试发现 IE6、IE7、IE8:

如果图片已经存于浏览器缓存中,那么再次对该图片发起请求时,

浏览器就会直接从缓存中加载,这样就无法触发其 onload 事件。

Read More >

jQuery 1.7 统一事件绑定API

jquery-1-7-released

jQuery 1.7 已经正式发布!

你可以从 jQuery CDN 获取代码:Production Development

新版本新增 .on() 和 .off() 事件绑定API,

从此统一了以往版本中的三种事件绑定方法,

两个方法名也更加的精简,方便记忆与书写。

下面是两个新增方法的调用格式:

Read More >

楼坊街 - 万圣节魔法点灯

halloween-light

赶在万圣节前夕,楼坊街二期终于新鲜出炉啦!

为了能配合实现本期主打的魔法点灯效果,

特别引用了一款名为 Color animation 的 jQuery 插件,

使用这款插件可以轻松实现文字、背景、边框的颜色属性动画。

无奈万恶的 IE6 并不支持 PNG24 透明,只能做渐进增强处理。

这期时间太仓促,下期努力给大家带来更有越儿的交互体验!

附上本期专题地址:http://topic.19lou.com/home/2011/lfj2.html

CSS3 Gradients

CSS3-Gradients

HTML5 CSS3 必将是以后的前端的发展方向,

特别是在移动端,高端浏览器给攻城师们带来的愉悦无以言表。

偶然在 webkit 官网上看到一篇关于 CSS3 Gradients(渐变)的文章,

感觉非常不错,于是利用空余时间将其中的实例部分翻译了下,

本人 E 文不太好,有些是照按自己理解翻译,希望对大家学习有帮助吧!

附上原文地址:http://www.webkit.org/blog/1424/css3-gradients/

Read More >