zoukankan      html  css  js  c++  java
  • User select fontface/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>
    
    哲学管理(学)人生, 文学艺术生活, 自动(计算机学)物理(学)工作, 生物(学)化学逆境, 历史(学)测绘(学)时间, 经济(学)数学金钱(理财), 心理(学)医学情绪, 诗词美容情感, 美学建筑(学)家园, 解构建构(分析)整合学习, 智商情商(IQ、EQ)运筹(学)成功.---Geovin Du(涂聚文)
  • 相关阅读:
    南大《软件分析》课程笔记——Intermediate Representation
    leetcode刷题
    shiro550反序列化分析
    南大《软件分析》课程笔记——第一课
    再见2020
    S2-002漏洞分析
    编码&解码工具
    正码、反码和补码
    Java数据结构(二)
    Java数据集合
  • 原文地址:https://www.cnblogs.com/geovindu/p/2291896.html
Copyright © 2011-2022 走看看