HTML,CSS和Javascript综合练习-1

显示效果

HTML代码页

	
	
	


	
Snapshots
	

		

			Fireworks
		
		

			Coffee
		
		

			Rose
		
		

			Big Ben
		
		

		
		
Choose an image.
		

	

CSS代码页

body {
	font-family: "Helvetica","Arial",serif;
	color: #333;
	background-color: #ccc;
	margin: 1em 15%;
}
a:link,a:visited{
    color: #c60;
    text-decoration: none;
    background-color: transparent;
	font-weight: bold;
}
a:hover{
    color:red;
    text-decoration:underline;
    background-color: transparent;
	font-weight: bold;
}
h1 {
	color: #333;
	background-color: transparent;
}
ul {
	padding: 0;	
}
li{
	float: left;
	padding: 1em;
	list-style: none;
}
img{
	display: block;
	clear: both;
	border: 1px solid black;
}

Javascript代码页

function showPic(whichpic){
	var source = whichpic.getAttribute("href");
	var placeholder = document.getElementById("placeholder");
	placeholder.setAttribute("src",source);
	var text = whichpic.getAttribute("title");
	var description = document.getElementById("description");
	description.firstChild.nodeValue = text;
}