鼠标指在文字上就可以显示图片的html代码

风之吻网站开发 2024-11-03 634

鼠标指在文字上就可以显示图片的html代码-第1张图片-风享汇

┃代码如下：

<html>
<head>
<script language="javascript">
    function show_img()//显示图片函数，鼠标移到链接触发
    {
        document.getElementById("img_1").style.display = "block";
        }
    function hide_img()//隐藏图片函数，鼠标离开链接触发
    {
        document.getElementById("img_1").style.display = "none";
        }
</script>
</head>
<body>
<a href="#"  onMouseOver="show_img()" onMouseOut="hide_img()">这是一段链接</a>
<img id="img_1" src="#" style="display:none"/><!--自己定义图片src链接！-->
</body>
</html>

标签： html

本文地址： http://hui.fzwqq.com/post/141.html

文章来源：风之吻