您的位置：首页 > 其它

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

2011-12-18 18:09 826 查看 
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航