仿超链接（带下划线的文字，鼠标变手型）

最新推荐文章于 2024-07-12 17:22:12 发布

转载最新推荐文章于 2024-07-12 17:22:12 发布 · 1.2k 阅读

页面效果专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用纯HTML和JavaScript模拟超链接点击效果的方法。通过设置特定的HTML元素样式和JavaScript函数，可以创建出外观和行为类似真实超链接的效果，适用于不需要实际跳转页面的场景。

<html>
<head>
<title>假超链接</title>
<script>
function clicks()
{
 alert('欢迎点击！');
}
</script>
</head>
<body>
<span style="width:100%;text-align:center;cursor:pointer;text-decoration:underline;" onclick="clicks()">仿超链接</span>
</body>
</html>