<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> .max{ font-size:28px; color:red; background-color:#9F9; } .norm{ font-size:16px; color:green; background-color:#F96; } .min{ font-size:10px; color:yellow; background-color:#99C;= } </style> <script type="text/javascript"> function changfont(size){ var divnode=document.getElementById("newid"); //divnode.style.fontSize=size+"px"; divnode.className=size; } </script> </head> <body> <h2>新闻标题</h2> <a href="javascript:void(0)" οnclick="changfont('max')">大</a> <a href="javascript:void(0)" οnclick="changfont('norm')">中</a> <a href="javascript:void(0)" οnclick="changfont('min')">小</a> <hr /> <div id="newid" class="max"> 发生了加快速度将法拉克解放路口时就按<br /> 发生了加快速度将法拉克解放路口时就按<br /> 发生了加快速度将法拉克解放路口时就按<br /> 发生了加快速度将法拉克解放路口时就按<br /> 发生了加快速度将法拉克解放路口时就按<br /> 发生了加快速度将法拉克解放路口时就按<br /> </body> </html>