作者 主題: 透過按鈕變換網頁字型  (閱讀 4287 次)

0 會員 與 1 訪客 正在閱讀本文。

Tim

  • 活潑的大學生
  • ***
  • 文章數: 450
  • 性別: 男
    • 檢視個人資料
    • http://www.lab.mlc.edu.tw/
透過按鈕變換網頁字型
« 於: 2006-03-23 01:07 »
我想讓USER可以自由切換網頁所顯示的字體名稱,例如做個名稱為標楷體或細明體的按鈕,只要一按,就能改變網頁上的字體名稱。

不知道有沒有範例,或者是請各位指導指導,謝謝。

Yamaka

  • 俺是博士!
  • *****
  • 文章數: 4913
    • 檢視個人資料
    • http://www.ecmagic.com
透過按鈕變換網頁字型
« 回覆 #1 於: 2006-03-23 01:39 »
用css + javascript 應該很簡單吧
像下面這樣...

代碼: [選擇]
<html>
<head>
<title>字型變換</title>
<style>
<!--
 .font1 {font-family: Arial; font-size: 14pt;}
-->
</style>
</head>
<body>
<table border="0" cellpadding="3" cellspacing="0" width="300" align="center">
 <tr><td nowrap id="f1" class="font1" width="100%" align="center">
   <a href="javascript:;" onclick="f1.style.fontFamily='細明體'">123,abC 細明體</a>&nbsp;&nbsp;&nbsp;
   <a href="javascript:;" onclick="f1.style.fontFamily='標楷體'">123,abC 標楷體</a>
 </td></tr>
</table>
</body>
</html>

Tim

  • 活潑的大學生
  • ***
  • 文章數: 450
  • 性別: 男
    • 檢視個人資料
    • http://www.lab.mlc.edu.tw/
透過按鈕變換網頁字型
« 回覆 #2 於: 2006-03-23 12:53 »
搞定了,謝謝嚕!