javaScript精华（1）--超链接变色字体预览图片技术

最新推荐文章于 2023-07-14 19:26:06 发布

最新推荐文章于 2023-07-14 19:26:06 发布 · 127 阅读

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript实现的网页超链接预览技术。通过为每个链接添加mouseover及mouseout事件，当鼠标悬停在链接上时显示目标页面的预览图像。此方法增强了用户体验并提供了快速了解链接内容的方式。

最近看了一下js，觉得超链接页面预览技术值得学习。
//-->
</script>
</head>
<body>
<center>
<form name="form">
<h1>将光标移至超链接上看预览</h1>
<a href="example1.html" name="link1" onMouseOver="link1over()" onmouseout="link1out()">这是链接1</a> <br></br>
<a href="example2.html" name="link2" onMouseOver="link2over()" onmouseout="link2out()">这是链接2</a> <br></br>
<a href="example3.html" name="link3" onMouseOver="link3over()" onmouseout="link3out()">这是链接3</a> <br></br>
<a href="example4.html" name="link4" onMouseOver="link4over()" onmouseout="link4out()">这是链接4</a> <br></br>
<a href="example5.html" name="link5" onMouseOver="link5over()" onmouseout="link5out()">这是链接5</a> <br></br>
<img name="imag1" src="imgs/image.gif" width=456 height=228></img>
</form>
</center>
</body>

</html>