改變字型(html,css,javascript) 阿新 • • 發佈:2019-02-12 <!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)" onclick="changfont('max')">大</a> <a href="javascript:void(0)" onclick="changfont('norm')">中</a> <a href="javascript:void(0)" onclick="changfont('min')">小</a> <hr /> <div id="newid" class="max"> 發生了加快速度將法拉克解放路口時就按<br /> 發生了加快速度將法拉克解放路口時就按<br /> 發生了加快速度將法拉克解放路口時就按<br /> 發生了加快速度將法拉克解放路口時就按<br /> 發生了加快速度將法拉克解放路口時就按<br /> 發生了加快速度將法拉克解放路口時就按<br /> </body> </html>