解密CSS Sprites：技巧、工具和教程（4）
来源：Oncoding编码营 发布时间：2011-01-11 19:38:00
How to Use CSS Sprites
David Perel解释了CSS Sprites的基本概念，并演示了如何在网页中使用它，长度：10分钟
Creating Rounded Buttons With CSS Sprites
继续上面的教程，展示了如何制作滑动按钮
Exactly How to Use CSS Sprites
Andres Fernandez 展示了 CSS sprites如何加快加载时间和减少请求次数
How To Use CSS Sprites
Chris Coyier 展示了一个 CSS sprites的范例，他将8幅图片组合在了一起，并且使用jQuery制作了一个小程序。
Faster Page Loads With Image Concatenation
对于复杂的网站，减少图片请求数量可以减轻服务器负担，这是许多站长所希望看到的。
CSS Image Sprites In 10 Minutes
另一个关于导航菜单的教程
CSS: Using Percentages in Background-Image
介绍背景图片定位的方法
利用CSS Sprites制作图像映射(image maps)
使用CSS Sprites，你可以对一个对象的一小部分加载翻转效果，使用负值的背景图片位置( background-position )，你可以创建基于CSS的图像映射，下面的文章讲述了这一技术：
CSS Image Maps Using Sprites
一个基于CSS的图像映射的简单例子。你可以同传统的方式对比一下优劣。
City Guide Map Using Sprites
另一个横向定位的例子
Advanced Map Using Sprites
一个更高级的技术。
CSS Sprites技术
CSS Sprites 2(http://alistapart.com/articles/sprites2)
Dave Shea 使用jQuery扩展了经典的CSS Sprites， 他的技术可以让不同的链接之间使用组合图片，即使用户禁用了JavaScript。
CSS Sprites2 Refactored: Building an Unobtrusive jQuery Plug-In
Joel Sutherland 制作的jQuery插件，整理了Dave Shea的功能，并简化了初始化设置。
Background Repeat and CSS Sprites
什么情况下使用CSS Sprites
CSS Sprite: Photoshop Script Combines Two Images for CSS Hover
这是一个可以导入Photoshop的动作设置，可以让你快速制作翻转按钮的背景图片。
Extending CSS Spriting
Jennifer Semtner 扩展了经典CSS Sprites技术，并讲述应该在什么时候使用它。
Sliding Doors Meets CSS Sprites
滑动门技术 “Sliding Doors of CSS.”
How to Preload Images When You Can’t Use CSS Sprites
如何处理CSS Sprites对网页内容的影响
JavaScript Sprite Animation Using jQuery
Alex Walker 结合CSS Sprites和jQuery，实现了“打开页面”的效果
IE6, CSS Sprites and Alpha Transparency
Julien Lecomte 讲述IE6下的透明hack问题
0
投稿猜你喜欢
要求存在一个文件夹内有若干张图像，需要计算每张图片的RGB均值，并计算全部图像的RGB均值。代码# -*- coding: utf-8 -*- 看一个网站其实就好比品评一个美女。一看长相，我们很多时候关注的是视觉，比如老板经常会说，你做几个页面让我看看！二看身材，也有很多关注标准和s
- eclipse安装Python插件之后，主要是为了方便Python代码就可以再Eclipse进行代码脚本，使用Eclipse开发Python
- 1.remove: 删除单个元素，删除首个符合条件的元素，按值删除，从左向右依次删除符合条件的值举例说明:>>> str=
- 本文实例讲述了Python面向对象程序设计之继承、多态原理与用法。分享给大家供大家参考，具体如下：相关内容：继承：多继承、super、__i
- javascript实现炫酷的拖动分页js<html><head><title>拖动分页</tit
- 下面是十个Python中很有用的贴士和技巧。其中一些是初学这门语言常常会犯的错误。注意：假设我们都用的是Python 31. 列表推导式你有
- 首先在程序中引入Requests模块import requests一、获取不同类型的响应内容在发送请求后，服务器会返回一个响应内容，而且re
- 实例如下所示：from xml.etree.cElementTree import ElementTree,Elementimport xl
- 问题描述 windows错误安装方法：pip3 install numpy这种情况下虽然安装成功，但是在import numpy时会出现如下
- 在程序中，经常需要将⼀组（通常是同为某个类型的）数据元素作为整体 管理和使⽤，需要创建这种元素组，⽤变量记录它们，传进传出函数等。 ⼀组数据
- 简介最近在整理我们项目代码的时候，发现有很多活动的代码在结构和提供的功能上都非常相似。为了方便今后的开发，我花了一点时间编写了一个生成代码框
- 示例如下：function addFileToZip($path,$zip){ $handler=opendir($path);
- 相机固定不动，通过标定版改动不同方位的位姿进行抓拍import cv2camera=cv2.VideoCapture(1)i = 0whil
- 1. 问题描述水仙花数也被称为超完全数字不变数、自恋数、自幂数、阿姆斯壮数或阿姆斯特朗数，水仙花数是指一个3位数，它的每个位上的数字的3次幂
- 分享一个用正则表达式校验电话号码、身份证号、日期格式、URL、Email等等格式的工具类package com.eabax.util;imp
- 1、PIL介绍以及图片分割Python 3 安装: pip3 install Pillow1.1 image 模块Image模块
- 处理pdf文档第一、从文本中提取文本第二、创建PDF两种方法#使用PdfFileWriterimport PyPDF2pdfFiles =
- 1 非贪婪flag>>> re.findall(r"a(\d+?)", "a23b"
- 读取列表中字典的value值list = [{"name": "推荐食谱", "1&quo
