实例
- 表单
- 表格
- 菜单
- 选项卡
- 图片
-
- 多张图片轮转切换
- 内联图片 通过使用 date:URL 模式在Web页面中包含图片而无需任何额外HTTP请求
- 色彩和清晰度一次性过渡 控制遮盖图层显隐和alpha滤镜静态转换
- 带缓冲、弹出自适应图片大小的窗口
- 多图点击滑动轮换 滤镜alpha的应用，点小图大图自动平滑过渡
- 带倒影、大小变化的图片滑动
- 多图交替放大、缩小 感应鼠标坐标，放大或缩小图片
- 带弹性的放大镜效果
- 鼠标经过图片弹性放大
- 多图片鼠标经过放大
- 多图片点击放大，点击缩小
- 点击图片连续放大 微观世界的效果
- 多图片的开窗展示效果
- 鼠标经过图片渐现
- 多图的3D阵列展示
- 单图的3D阵列展示
- 单图的平面扭曲效果
- 多图翻书的效果
- 多图的翻书切换效果
- 单图的平面扭曲效果
- 按钮
- 文字
-
- CSS渐变文本效果
- HTC Fantasy (渐变的彩虹) (IE Only)
- 网页常用字体参考
- 用CSS做立体的文字标题
- 用CSS做字符截断
- 使用 % 定义字体高度
- 使用 em 定义字体高度
- 首字下沉
- 鼠标经过文字变换颜色
- CSS滤镜制作的文字描边效果 (IE Only)
- 链接
- 布局
-
- 二分栏：一栏宽度固定，另外一栏宽度自适应 利用margin的负值错别固定的宽度
- 三分栏：中间栏宽度固定，左右两栏宽度相等同时自适应 利用margin的负值错别固定的宽度
- 三分栏：左右两栏宽度固定，中间栏宽度自适应 利用margin的负值错别固定的宽度
- 大容器中，div垂直居中 三层div结构，非标准浏览器下子元素设距顶部50%，里面再套个元素距顶部-50%来抵消。
- 未知高度，div垂直居中 *display:inline; zoom:1;
- CSS 控制左右两列高度相等
- JS 控制左右两列高度相等 取高度，判断高度，高度相等
- 未知高度图片在容器中垂直居中 高度/字体大小的比值为1.14左右时IE可实现垂直居中
- 未知高度图片在容器中垂直居下 通过img上的span高度100%来控制
- 其他
- 外站资源
-
- The CSS, HTML, and JavaScript Lab 456bereastreet.com
- A showroom of nice looking simple downloadable DHTML and AJAX scripts miniajax.com
- CSS tests and experiments brunildo.org
- ajax resources ajax.solutoire.com
- ppk on JavaScript - Links quirksmode.org
- ppk on JavaScript - the example scripts quirksmode.org
Matt Wang - Last modified: $Date: 2008/11/18$
文章分类
- AJAX (2)
- ASP (5)
- Collections (47)
- CSS (14)
- Design (17)
- Domain/Host (9)
- Feel (27)
- IT News (38)
- JavaScript/Dom (4)
- Life (48)
- Notes (45)
- PHP (1)
- SEO (3)
- Tips (21)
- Web Standards (4)
- Wordpress (3)
- XHTML/HTML (10)
- XML/XSLT (1)
文章存档
其他杂项