zoukankan      html  css  js  c++  java
  • HTML 5 全局属性

    下面的全局属性可用于任何 HTML5 元素。
    HTML 5 全局属性
    NEW:HTML 5 中新的全局属性。
    属性 描述
    accesskey        规定访问元素的键盘快捷键
    class          规定元素的类名(用于规定样式表中的类)。
    contenteditable    规定是否允许用户编辑内容。
    contextmenu      规定元素的上下文菜单。
    dir            规定元素中内容的文本方向。
    draggable        规定是否允许用户拖动元素。
    dropzone        规定当被拖动的项目/数据被拖放到元素中时会发生什么。
    hidden          规定该元素是无关的。被隐藏的元素不会显示。
    id            规定元素的唯一 ID。
    lang          规定元素中内容的语言代码。
    spellcheck        规定是否必须对元素进行拼写或语法检查。
    style          规定元素的行内样式。
    tabindex      规定元素的 tab 键控制次序。
    title         规定有关元素的额外信息。

    <!DOCTYPE html> 
    <html> 
    <body>
    <div style="text-align:center;">
      <button onclick="playPause()">播放/暂停</button> 
      <button onclick="makeBig()">大</button>
      <button onclick="makeNormal()">中</button>
      <button onclick="makeSmall()">小</button>
      <br /> 
      <video id="video1" width="420" style="margin-top:15px;">
        <source src="/example/html5/mov_bbb.mp4" type="video/mp4" />
        <source src="/example/html5/mov_bbb.ogg" type="video/ogg" />
        Your browser does not support HTML5 video.
      </video>
    </div>
    <script type="text/javascript">
    var myVideo=document.getElementById("video1");
    function playPause()
    { 
    if (myVideo.paused) 
      myVideo.play(); 
    else 
      myVideo.pause(); 
    }
    function makeBig()
    { 
    myVideo.width=560; 
    }
    function makeSmall()
    { 
    myVideo.width=320; 
    }
    function makeNormal()
    { 
    myVideo.width=420; 
    } 
    </body> 
    </html>
    

      

  • 相关阅读:
    easymock
    MySQL同时执行多条SQL语句解决办法
    MOP
    织梦dedecmsV5.7联动类型无法显示的处理方法
    如何查看sublime安装了哪些插件
    漏洞安全防范
    本地如何使用phpstudy环境搭建多站点
    Sublime 安装、插件CoolFormat
    CSharp设计模式读书笔记(2):工厂方法模式(学习难度:★★☆☆☆,使用频率:★★★★★)
    解决Unable to locate theme engine in module_path: "pixmap"
  • 原文地址:https://www.cnblogs.com/emily1130/p/3912734.html
Copyright © 2011-2022 走看看