zoukankan      html  css  js  c++  java
  • 4.改变 HTML 图像

    <!DOCTYPE html>
    <html>
    <body>
    <script>
    function changeImage()
    {
    element=document.getElementById('myimage')
    if (element.src.match("bulbon"))
    {
    element.src="/i/eg_bulboff.gif";

    element.alt="A";

    }
    else
    {
    element.src="/i/eg_bulbon.gif";

    element.alt="B";
    }
    }
    </script>

    <img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif" alt = "A">

    <p>点击灯泡来点亮或熄灭这盏灯</p>

    </body>
    </html>

    定义和用法

    alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。

    假设由于下列原因用户无法查看图像,alt 属性可以为图像提供替代的信息:

    • 网速太慢
    • src 属性中的错误
    • 浏览器禁用图像
    • 用户使用的是屏幕阅读器

    <img> 标签的 alt 属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。

    我们强烈推荐您在文档的每个图像中都使用这个属性。这样即使图像无法显示,用户还是可以看到关于丢失了什么东西的一些信息。而且对于残疾人来说,alt 属性通常是他们了解图像内容的唯一方式。

  • 相关阅读:
    -Dmaven.multiModuleProjectDirectory system property is not set. Check $M2_HOME environment variable and mvn script match.chan
    failed to export application
    IOS InHouse 发布流程
    BoneCP学习笔记
    form表单, css1
    HTTP协议, HTML
    自定义ORM框架
    数据库5
    数据库4
    数据库3
  • 原文地址:https://www.cnblogs.com/jiningning/p/6385362.html
Copyright © 2011-2022 走看看