一、无图片技术定义
在不使用CSS Image(通过CSS的引入的背景图片,不包括img标签内的图片)情况下生成类似图片效果的技术;换句话的意思就是在使用纯CSS生成类似图片效果的技术。
二、为什么要“无图片”？
首先我们通过yslow的statistics查看新浪微博最新版首页的文件，得到Stylesheet File(CSS文件)大小为206.8K, CSS Image大小为623.8K。明显发现CSS文件比CSS Image小很多。
当然单纯拿这两个来比，还不能说明什么。
下面我们...
分类为 前端 的文章：
效果：
可自动确定显示位置的横向二级菜单预览
[查看演示]
代码：
<ul id="nav">
<li><a href="index.php?&lang=1">首页</a></li>
<li><a href="page.php?cid=1&lang=1">公司简介</a>
<ul class="submenu">
<li><a href="page.php?cid=8&lang=1" 公司简介</a></li>
...
说明：
通常我们使用以下方法来清除浮动：
<style>
.content{float:right}
.clear {clear:both}
</style>
<div class="content">content</div>
<div>sidebar</div>
<div class="clear"></div>
<div>footer</div>
这个方法简单有效，但是会浪费一个元素。下文是一个用CSS来清除浮动的方法，不需要添加空元素：
<style>
.c...
效果：
根据身份证号自动填写性别、年龄和籍贯
代码：
HTML:
<!--
checkPeopleNumber('ZZZZZZ201302281446','放性别的元素ID','放生日的元素ID','放籍贯的元素ID');
根据身份证号自动填写性别、生日、籍贯，返回错误信息
14:48 2013年2月28日
-->
输入身份证号：<input type="text" name="peopleNumber" value="" onblur="documen...
说明：
基于 jQury 和 CSS3 的一个图片展示特效，个人感觉非常的炫。实例：《主题介绍 – Crazycube颠九宫真人密室娱乐》。
效果：[演示]
Beautiful Photo Stack Gallery with jQuery and CSS3
下载：
jQuery.PhotoStack.zip
说明：
相机里的照片太大传不到网站上？有这个工具就够了，免费、绿色、小巧、强大。推荐给需要的朋友们。
这个软件可以单张或批量缩小图片尺寸和体积、添加水印（文字、图片或者都加），软件还自带了一些特效。
用法：
第一步：点击“添加图片”，选中需要处理的照片，可以同时选多张。
第二步：如果不设置水印的话，跳过这一步，点下一个标签“特效处理”。
第三步：特效，不需要就跳过。
第四步：输出大小调整为“800×600...
名称
如何工作
cubic-bezier(x1, y1, x2, y2)
X 和 Y 值在0到1之间，以定义用于Time function的贝塞尔曲线的形状。
linear
均速
ease
逐渐慢下来
ease-in
加速(渐入)
ease-out
减速(淡出)
ease-in-out
加速然后减速
效果说明：
在元素滚动到页面顶部的时候将其固定显示在顶部这个位置，效果如下：
元素滚动到顶部后固定位置
jQuery代码：
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function() {
var elm = $('#pordAttr');
var startPos = $(elm).offset().top;
$.event.add(window, "scroll", function() {
...
定义和用法
letter-spacing 属性增加或减少字符间的空白（字符间距）。
该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal 就相当于值为 0。
注释：允许使用负值，这会让字母之间挤得更紧。
默认值：
normal
继承性：
yes
版本：
CSS1
JavaScript 语法：
object.style.letterSpacing=”3px”
实例
设置 h1 和 h2 元素的...
说明：
注：本文使用了谷歌翻译API，不过谷歌貌似把这个API关闭了。
让 DedeCMS 的导航菜单也可以显示英文名称。
此文为自动将中文翻译为E文，可能会不准确。手动指定版请转至《双语导航：让 DedeCMS 导航菜单同时显示英文栏目名称 [手动版]》。
效果：
DedeCMS 导航菜单中同时显示英文名称
DedeCMS 导航菜单中同时显示英文名称 示例二
用法：
{dede:channel type='top'
currentstyle='
<li class="hover"&...
微软雅黑一出世，就以结构优美、显示清晰等优点赢得了人们的喜爱，很多网站也开始采用微软雅黑作为正文字体。但是，在 XP 系统下，微软雅黑有可能会出现显示问题：
XP，Firefox，CRT
XP，Firefox，LCD
XP，IE7
可以看到，微软雅黑在 XP 下的 CRT 显示器非常模糊，很难阅读，在 LCD 显示器里锯齿明显、笔划粗细不一，显示效果还不如宋体。经测试，微软雅黑 在 XP 下的 IE6 和非 IE 浏览器显示有问题，IE7 显示正常。这与文字渲染...
效果：
jquery 折叠菜单截图
代码：
html：
<dl id="cate">
<dt title="展开/折叠">调味品></dt>
<dd>
<ul>
<li><a href="javascript:;">李锦记调味</a></li>
<li><a href="javascript:;">珠江桥牌系列</a></li>
<li><a href="javascript:;">劲豪...
