Question

dreamweaver怎样将鼠标点击一张图片，另一张图片就在旁边显示出来？

Answer 1

这是js:
var img = new Array();
img[0] = "img/big1.jpg";
img[1] = "img/big2.jpg";
img[2] = "img/big3.jpg";
img[3] = "img/big4.jpg";

function $(obj){
return document.getElementById(obj);
}
function $img(url){
return "<img src='" + url + "' onclick='changeborder(this)' />";
}
function changeborder(obj){
for(var j = 0;j < img.length;j++){
$("imgList").getElementsByTagName("li")[j].getElementsByTagName("img")[0].style.borderColor = "#cccccc";
}
obj.style.borderColor= "red";
$("bImg").innerHTML = $img(obj.src);
}
window.onload = function(){
for(var i = 0;i < img.length;i++){
$("imgList").innerHTML += "<li>" + $img(img[i]) + "</li>";
}
if($("bImg").innerHTML == ""){
$("bImg").innerHTML = $img(img[0]);
$("imgList").getElementsByTagName("li")[0].getElementsByTagName("img")[0].style.borderColor = "red";
} }

html里：
<td width="19%" align="right"><ul id="imgList">
</ul></td>
<td width="45%" rowspan="6"><div id="bImg"></div></td>

Answer 2

<a href="../Documents/test/1.jpg" > <img src="../Documents/test/1.jpg" border="0"> </a>

../Documents/test/1.jpg改成你自己图片的地址 用CSS样式对图片进行定位

Answer 3

可以利用“层”，为层添加行为--显示和隐藏。