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

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

2024-11-29 08:45:41

推荐回答（3个）

回答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 "";
}
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 += "

" + $img(img[i]) + "

";
}
if($("bImg").innerHTML == ""){
$("bImg").innerHTML = $img(img[0]);
$("imgList").getElementsByTagName("li")[0].getElementsByTagName("img")[0].style.borderColor = "red";
} }

html里：

回答2：

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

回答3：

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