JavaScript---事件（基础）

最新推荐文章于 2022-04-26 11:49:49 发布

明月依旧影海棠

最新推荐文章于 2022-04-26 11:49:49 发布

阅读量217

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/ZWHSOUL/article/details/80500899

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这里写图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Image Gallery</title>

<style>

</style>

</head>
<body>

    <h1>SnapShots</h1>
    <ul>
        <li>
            <a href="C:\Users\zwh\Desktop\simple\images\1.jpg"
               onclick="showPicture(this); return false;"
               title="A fireworks display">Fireworks</a>
        </li>
        <li>
            <a href="C:\Users\zwh\Desktop\simple\images\2.jpg"
               onclick="showPicture(this); return false;" 
               title="A cup of black coffee">Coffee</a>
        </li>
        <li>
            <a href="C:\Users\zwh\Desktop\simple\images\3.jpg"
               onclick="showPicture(this); return false;"
               title="A red, red rose">Rose</a>
        </li>
        <li>
            <a href="C:\Users\zwh\Desktop\simple\images\4.jpg"
               onclick="showPicture(this); return false;"
               title="The famous clock">Big Ben</a>
        </li>
    </ul>
    <img id="placeholder" src="C:\Users\zwh\Desktop\simple\images\default.jpg" alt="my image gallery">

    <script>

        //点击链接把img图片替换给链接的图片
        function showPicture (whichPicture) {
            //whichPicture代表一个元素节点
            var source = whichPicture.getAttribute("href");
            var placeholder = document.getElementById("placeholder");

            placeholder.setAttribute("src", source);
        }

    </script>

</body>
</html>

明月依旧影海棠

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript---事件（基础）

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Image Gallery&lt;/title&gt;&lt;style&gt;&lt;/style&gt;
复制链接

扫一扫

专栏目录