<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Shopping list</title>
</head>
<body>
<h1>Snapshots</h1>
<ul>
<li>
<a href="https://img.uj5u.com/2020/09/12/54794120422011.png" onclick="showPic(this);return false;" title="A fireworks display">Fireworks</a>
</li>
<li>
<a href="https://img.uj5u.com/2020/09/12/54794120422012.png" onclick="showPic(this);return false;" title="A cup of black coffee">Coffee</a>
</li>
<li>
<a href="https://img.uj5u.com/2020/09/12/54794120422013.png" onclick="showPic(this);return false;" title="A red ,red rose">Rose</a>
</li>
<li>
<a href="https://img.uj5u.com/2020/09/12/54794120422014.png" onclick="showPic(this);return false;" title="The famous clock">Big Ben</a>
</li>
</ul>
<img src="https://img.uj5u.com/2020/09/12/54794120422015.png" id="placeholder" alt="my image gallery" />
<p id="description">Choose an image</p>
<script type="text/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;
}
</script>
</body>
</html>
uj5u.com熱心網友回復：
試了一下，沒錯啊。uj5u.com熱心網友回復：
你是不是沒有在你這個html檔案所在目錄下建一個img目錄然后放上相應的圖片呀轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/10603.html
標籤：JavaScript
上一篇：vue v-model測驗