模糊文本的乐趣
我们将介绍如何使用 CSS3 模糊文本,并通过首先进行特性检测来安全地实现。然后,我们将对单个字母模糊以及一些巧妙的 jQuery 进行大量实验,这些实验使我们能够更深入地访问文本阴影的特定值。
CSS 与 CSS3
Trent Walton 设计了一个网站,然后用两种方式对其进行编码:新式 CSS3 和旧式图像切片,不使用 CSS3。使用新式方法意味着 1) 他可以更快地完成 2) 页面大小更小 3) 更少……
将点击的列表项移动到列表顶部
假设 HTML 如下所示
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
因此,如果点击“Two”,则将其移动到列表的顶部。
$("li").click(function() {
$(this).parent().prepend($(this));
});
适用于多个列表……
显示加载图形,直到页面完全加载
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset='UTF-8'>
<title>Simple Loader</title>
<style>
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top:
……