ÇóÒ»¶Îjavascript³ÌÐò£¬ÊµÏÖͼƬµÄ½»ÌæÏÔʾ

<img border="0" src="movie1.png" width="350" height="250">
<div>
  <img border="0" src="movie1.png" width="50" height="40">
  <img border="0" src="movie2.png" width="50" height="40">
  <img border="0" src="movie3.png" width="50" height="40">
</div>
ÒªÇ󣺵ã»÷ÏÂÃæµÄСͼƬʱ£¬°ÑÆä·Å´óÏÔʾÔÚ´óͼƬ´¦£¨ºìÉ«£©
¡¡¡¡¡¡ÇÒͼƬµÄ×î´ó³ß´ç²»Äܳ¬¹ý350*250

---

Â¥ÉÏÕý½âÂ¥ÉÏÕý½âÂ¥ÉÏÕý½âÂ¥ÉÏÕý½âÂ¥ÉÏÕý½âÂ¥ÉÏÕý½â

---

ÒýÓÃ

<img id="largeImg" border="0" src="movie1.png" width="350" height="250">
<div>
  <img onclick="a(this)" border="0" src="movie1.png" width="50" height="40">
  <img onclick="a(this)" border="0" src="movie2.png" width="50" height="40">
  <img onclick="a(this)" border="0" src="movie3.png" width="50" height="40">
</div>
<script>
function a(obj)
{
var src = obj.src;
var largeImg = document.getElementById("largeImg");
largeImg.src = src;
}
</script>

ÕýÈ·£¡£¡

---

»¹ÏëÎÊ