首页 >  毕业设计知识  > 正文

JavaScript 改变 HTML显示图片 实现开光灯效果

 JavaScript 改变 HTML显示图片
 
  本例要实现点击按钮开关灯的效果。其实是javascipt通过改变标签的 src 属性(source)来改变一张 HTML 图像。
 
  实例代码:
 
Markup
<!DOCTYPE html>
<html>
<body>
 
<h2>JavaScript 能做什么?</h2>
 
<p>JavaScript 能够改变 HTML 属性值。</p>
 
<p>在本例中,JavaScript 改变了图像的 src 属性值。</p>
 
<button onclick="document.getElementById('myImage').src='img/1.gif'">开灯</button>
 
<img id="myImage" border="0" src="img/1.gif" style="text-align:center;">
 
<button onclick="document.getElementById('myImage').src='img/2.gif'">关灯</button>
 
</body>
</html>

以上是本题目部分介绍,若需要完整版或不符合您的要求,请联系客服微信:ztopmind  > 或者加QQ 840612233

上一篇:php获取当前脚本文件信息(路径和文件名)

下一篇:javascript 显示当前时间