點擊這裡查看效果
以下是源代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery控制a標簽字體變化-</title>
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
<style>
a
{
font-size: 32px;
text-decoration: none;
}
</style>
</head>
<body>
<div>
<h1>
修改鏈接字體</h1>
<input type="button" id="keleyi" value="紅色楷體" /><input type="button" id="blue" value="藍色黑體" /><input
type="button" id="green" value="綠色細明體" />
<dl>
<dt><a href="http:///a/bjac/lrkadvfi.htm">keleyi菜單0.1.6新增功能</a></dt>
<dt><a href="http:///a/bjac/8c7yq2r1.htm">jq的has、find和filter函數的異同</a></dt>
<dt><a href="http:///a/bjac/etvljevm.htm">jQuery實現固定底部菜單</a></dt>
<dt><a href="http:///a/bjac/l13fp00c.htm">jQ的has方法</a></dt>
<dt><a href="http:///a/bjac/ec2s9a4n.htm">一個jQuery ajax瀑布流的例子</a></dt>
<dt><a href="http:///a/bjac/c4oc8tyo.htm">向上彈出菜單jQuery插件</a></dt>
<dt><a href="http:///a/bjac/wjpwv5ce.htm">keleyi菜單0.1.5版本發布了</a></dt>
<dt><a href="http:///a/bjac/e7hhwai7.htm">jQ判斷子元素是否包含某標簽</a></dt>
<dt><a href="http:///a/bjac/bfi2kyi5.htm">jQuery各種事件概述</a></dt>
<dt><a href="http:///a/bjac/xbfftiqj.htm">jq獲取下一個元素節點</a></dt>
</dl>
</div>
<script type="text/javascript">
$("#keleyi").click(function () {
$("a").css({ "color": "red", "font-family": "KaiTi_GB2312" });
});
$("#blue").click(function () {
$("a").css({ "color": "blue", "font-family": "SimHei" });
});
$("#green").click(function () {
$("a").css({ "color": "green", "font-family": "MingLiU" });
});
</script>
</body>
</html>