这篇文章总字数为:968 字,有 1 张图存于本站服务器
作业预览:
实现代码:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>制作电影海报</title>
</head>
<body>
<h1>电影海报</h1>
<ul>
<li><a href="images/狮子王.jpg" title="狮子王" onclick="showPic(this);return false;">狮子王</a></li>
<li><a href="images/忠犬八公.jpg" title="忠犬八公" onclick="showPic(this);return false;">忠犬八公</a></li>
<li><a href="images/少年派的奇幻漂流.jpg" title="少年派的奇幻漂流" onclick="showPic(this);return false;">少年派的奇幻漂流</a></li>
<li><a href="images/狼图腾.jpg" title="狼图腾" onclick="showPic(this);return false;">狼图腾</a></li>
</ul>
<img id="placeholder" src="images/狮子王.jpg" alt="电影海报"/>
<script>
function showPic(whichpic){
var source=whichpic.getAttribute("href");
var placeholder=document.getElementById("placeholder");
placeholder.setAttribute("src",source);
}
</script>
</body>
</html>
作业分享者:
该作业由匿名同学提供,感谢分享。
文明借鉴,站在巨人肩膀上创造价值。
评论