User select font-face/color/size/backgroundColor设置 字体,颜色,大小,背景色兼容主流浏览器

<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>User select font-face/color/size/backgroundColor设置 字体,颜色,大小,背景色兼容主流浏览器 </title>
<meta name="author" content="Geovin Du 涂聚文"/>
<meta name="Keywords" content="塗聚文  締友計算機信息技術有限公司 "/>
<meta name="Description" content="塗聚文  締友計算機信息技術有限公司 "/>
</head>

<body>
<form>
Font:<select onchange="document.body.style.fontFamily=this[this.selectedIndex].value">
  <option value="">Default</option>
  <option value="Arial">Arial</option>
  <option value="Times New Roman">Times New Roman</option>
  <option value="Courier New">Courier New</option>
  <option value="黑体">黑体</option>
  <option value="宋体">宋体</option>
  <option value="隶书">隶书</option>
  <option value="幼圆">幼圆</option>
  <option value="楷体">楷体</option>
  <option value="微软雅黑">微软雅黑</option>

</select><br/>
Color:<select onchange="document.body.style.color=this[this.selectedIndex].value">
  <option value="">Default</option>
  <option value="Red">Red</option>
  <option value="Green">Green</option>
  <option value="Blue">Blue</option>
  <option value="Purple">Purple</option>
</select><br/>
BgColor:<select onchange="document.body.style.backgroundColor=this[this.selectedIndex].value">
  <option value="">Default</option>
  <option value="Red">Red</option>
  <option value="Green">Green</option>
  <option value="Blue">Blue</option>
  <option value="Purple">Purple</option>
</select><br/>

Size:<select onchange="document.body.style.fontSize=this[this.selectedIndex].value">
  <option value="">Default</option>
  <option value="8pt">8pt</option>
  <option value="10pt">10pt</option>
  <option value="12pt">12pt</option>
  <option value="14pt">14pt</option>
  <option value="16pt">16pt</option>
  <option value="18pt">18pt</option>
</select>

</form>
<p>Sample text 塗聚文  締友計算機信息技術有限公司 捷為工作室 涂斯博 涂聚文 赵金红 涂家村 缔友计算机信息技术有限公司 捷为工作室</p>
<div> 不作为的官,都在步步高升,问责成虚设,成卖弄言语的修辞手法,法律只成了制約無勢無錢的窮人!</div>
<p>江西省吉安市永丰县市政花园(市政服务大楼[厅])工程质量及违法违规建筑容积率问题,从县长,市长,省长信箱,省长手机,省委办公厅,工程质量安全监督局,省信访局,住建部稽查办室,住建部仇部长等形同虚设?</p>

</body>

</html>


你可能感兴趣的:(html,工作,XHTML,浏览器,user,微软)