如何在实现在网页中，鼠标经过超连接时出现下划线效果
答案:2 悬赏:0 手机版
解决时间 2021-03-16 22:24
- 提问者网友：临风不自傲
- 2021-03-15 22:36
如何在实现在网页中，鼠标经过超连接时出现下划线效果
最佳答案
- 五星知识达人网友：迷人又混蛋
- 2021-03-16 00:15
<html>
<style>#a1{
color: black; //在css里设置超链接为黑色
text-decoration: none; //在css里设置超链接不显示下划线
}
</style>
<body><a href="" id="a1" onmouseover="setText()" onmouseout="setText1()">《用户服务协议》</a>//body里添加超链接，并且为超链接添加事件
</body>
<script>function setText(){
document.getElementById("a1").style.textDecoration="underline";
}//鼠标移动到超链接时超链接显示下滑线
function setText1(){
document.getElementById("a1").style.textDecoration="none";
}//鼠标移动到超链接时超链接不显示下滑线
</script>
</html>
<style>#a1{
color: black; //在css里设置超链接为黑色
text-decoration: none; //在css里设置超链接不显示下划线
}
</style>
<body><a href="" id="a1" onmouseover="setText()" onmouseout="setText1()">《用户服务协议》</a>//body里添加超链接，并且为超链接添加事件
</body>
<script>function setText(){
document.getElementById("a1").style.textDecoration="underline";
}//鼠标移动到超链接时超链接显示下滑线
function setText1(){
document.getElementById("a1").style.textDecoration="none";
}//鼠标移动到超链接时超链接不显示下滑线
</script>
</html>
全部回答
- 1楼网友：傲气稳了全场
- 2021-03-16 01:32
a标签本身默认就有text-decoration:underline；属性。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯