css-font-weight例子

来源:互联网 发布:枪炮与玫瑰 知乎 编辑:程序博客网 时间:2024/05/16 08:21

<html>
 <head>
  <title>css-font-weight例子</title>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
  <style type="text/css">
   #idDIV{
    background-color:#f642f2;
    margin:12px 0px;
    padding:10px;
    width:100% 
    height:80px; 
   } 
   
   #idCodediv{
    background-color:#e6e123;
    margin:12px 0px;
    padding:20px;
    width:100%; 
   }
  </style>
  
  <script language="javascript">
   function change(){
    with(document.all("idSel")){
     var sValue=options[selectedIndex].value;
    } 
    document.all("idDIV").style.fontWeight=sValue;
    document.all("idCodeDiv").innerText="font-weight:"+sValue+";";
   } 
  </script>
 </head>
 
 <body>
  <div id="idDIV">
   Every man dies,Not every man really lives.
  </div>
 <br/>
 <select id="idSel" onchange="change();">
   <option value="normal">---font-weight---</option>
   <option value="bold">bold</option>
   <option value="bolder">bolder</option>
   <option value="lighter">lighter</option>
   <option value="100">100</option>
   <option value="200">200</option>
   <option value="300">300</option>
   <option value="400">400</option>
   <option value="500">500</option>
   <option value="600">600</option>
   <option value="700">700</option>
   <option value="800">800</option>
   <option value="900">900</option>
 </select>
 <br/>
 <div id="idCodeDiv">font-weight:mormal;</div>
 </body>
</html>

原创粉丝点击