谈切图优化加速图片显示—淘宝实例
作者:ui163 来源:ui163.com 时间:2008-01-30 12:24:00
我们先看一下淘宝的页面:
这么一个庞然大物,该怎么切图呢?显然按照给出的方法也可以完成这项任务,但是做为前端开发的我们是否应该给自己提出更高的要求了,是否有更优化的解决方法呢? 让我们看看淘宝的做法:
这个是淘宝首页的切图:
到这里我们也许恍然大悟了,但是这个只是表面的
至于为什么要针对ie和firefor而使用不同的的背景图片,也不太明白?如果有高手知道请赐教了
三个技巧(CSS Sprite):
1. 图片限制(Image Slicing)
2. 单图转滚(Single-image Rollovers)
3. 延长背景(Extend Background Image)
标签:CSS,Sprite,Sprite,切图,图片,淘宝
0
投稿
猜你喜欢
[译]JavaScript中的Timer是怎么工作的
2009-02-06 15:39:00
再说淘宝的评价和信用机制
2008-07-10 12:43:00
SQL语句操作主从关系表
2011-06-19 13:19:05
图片放大镜,多图片放大(已更新)[可调整倍数、区域大小、展示区域位置]
2011-06-16 20:43:07
设计可以量化吗?
2009-06-12 12:12:00
如何使用表格来储存数据库的记录?
2010-05-16 15:14:00
在ASP中连接使用数据库
2007-09-22 10:46:00
瞬间的快感之细节提升用户满意度
2010-11-17 19:19:00
用ASP和SQL实现基于Web日历源码
2010-04-24 15:52:00
推荐一篇不错的新手asp编程的基本法则
2011-04-15 11:08:00
超半数中文网页一年内将“消失”
2008-03-08 12:49:00
Oracle如何直接运行OS命令(下)第1/2页
2010-07-30 13:26:00
牢不可破的九宫格布局
2009-07-24 12:40:00
ORACLE应用经验(1)
2010-07-31 12:53:00
ASP下标越界错误的解决方法
2008-10-19 17:39:00
Mootools 1.2教程(21)——类(二)
2008-12-28 20:58:00
2009年五一劳动节logo欣赏
2009-05-02 18:26:00
ASP应用之教你使用模板
2008-10-15 13:09:00
如何用SA-FileUp上传一个单纯的HTML文件?
2010-05-18 18:29:00
XHTML与HTML之间的7个区别
2009-05-20 10:13:00