<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="Stylesheet" href="layout.css" type="text/css" >
<script type="text/javascript" src="demo.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>just a test</title>
</head>
<body>
<h1>Snapshots</h1>
<ul id="imagegallery">
<li><a href="image/beauty.jpg" title="a beauty pubu">瀑布</a></li>
<li><a href="image/cpu.jpg" title="a good cpu">芯片</a></li>
<li><a href="image/pc.jpg" title="a good pc">PC机</a></li>
</ul>
<img id="placeholder" src="image/lock.jpg" alt="my image gallery" />
<p id="description">Choose an image.</p>
</body>
</html>/*这是HTML代码*/
<script language='javascript'>
function prepareGallery(){
if(!document.getElementsByTagName) return false;
if(!document.getElementById) return false;
if(!document.getElementById("imagegallery")) return false;
var gallery=document.getElementById("imagegallery");
var link=gallery.getElementsByTagName("a");
//links是关键字，建议用别的名称。gallery.getElements(这里少了一个s)ByTagName("a");
for(i=0;i<link.length;i++){
link[i].onclick=function(){
return showPic(this);
}
}
}
prepareGallery();//只定义函数不执行，也是徒劳
function showPic(whichpic){
if(!document.getElementById("placeholder")) return true;
var source=whichpic.getAttribute("href");
var placeholder=document.getElementById("placeholder");
if(placeholder.nodeName!="IMG") return true;
//上面这一句应该是if(placeholder.nodeName!="IMG") return true;
//还有，不要出现中文的感叹号
placeholder.setAttribute("src",source);
if(!document.getElementById("placeholder")) return false;
var text=whichpic.getAttribute("title")?
whichpic.getAttribute("titile"):"";
var description=document.getElementById("description");
if(description.firstChild.nodeType==3){
//description.firstc(c要大写)hild.nodeType==3
description.firstChild.nodeValue=text;
}
return false;
}
</script>
上面是改过之后的代码，可以直接运行，有问题欢迎留言。
热心网友
回答时间：2025-01-05 18:04
