DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 使用javascript改變圖片src
使用javascript改變圖片src
編輯:關於JavaScript     
效果預覽:http:///keleyi/phtml/jstexiao/16.htm


代碼如下:
<!DOCTYPE html>
<html>
<head>
<title>使用js改變圖片-</title>
<script>
function changeImage() {
var element = document.getElementById('myimage');

element.src = "http:///image/a/3cmla1pp.jpg";

}
</script>

</head>
<body>
<h1>使用js改變圖片</h1>
<p>請點擊按鈕 <a href="http:///a/bjad/9isr0eoy.htm">原文</a></p>
<img id="myimage" src="http:///image/a/q5l1xnmf.jpg" alt="足球寶貝" />
<input name="keleyi" type='button' value="改變圖片" onclick="changeImage()">
</body>
</html>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved