如何在实现在网页中，鼠标经过超连接时出现下划线效果
2个回答
展开全部
<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>
本回答由电脑网络分类达人 刘杰推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
