如何在html中显示特定文本的超链接

Question

这是我的代码

<a href="#" ><font style="color:#000000;">
    PLEASE CLICK HERE FOR MORE DETAILS</font> </a>

在这里，超链接被赋予整个单词PLEASE CLICK HERE FOR MORE DETAILS

我需要在鼠标悬停时提供超链接到文本HERE 是否可以使用 html 本身或者我需要使用 JavaScript/Jquery？

Answer 1

试试这个

<font style="color:#000000;">PLEASE CLICK <a href="#" >HERE</a> FOR MORE DETAILS</font> 

添加样式

a {
  text-decoration:none; 
}
a:hover{
  text-decoration:underline;
}

Answer 2

您可以将 HTML 更改为：

<span style="color:#000000;">PLEASE CLICK <a href="#" >HERE</a> FOR MORE DETAILS</span>

Answer 3

试试这样的：

css

   span{
    color:#000;
    }

    span a{
    color:blue;
    }

HTML

<span>PLEASE <a href="#">CLICK</a> HERE FOR MORE DETAILS</span>

Answer 4

使用这个

HTML：

<span><font style="color:#000000;">
    PLEASE CLICK HERE FOR MORE DETAILS</font></span>

JQUERY：

$("span").mouseover(function() {
$(this).html("PLEASE CLICK <a href='#'>HERE</a> FOR MORE DETAILS");
});

DEMO

Answer 5

根据我对您所说的内容的理解，我认为您需要一个链接，当鼠标悬停在链接上时，它看起来就像一个链接。

有很多方法可以做到这一点，但到目前为止更简单的是使用简单的 CSS 和 HTML。

尝试使用：

HTML：

    <p> hello this is a <a href="#" class="hoverL">link</a>, 
        but it doesn't look like one unless you hover your mouse on it</p>

CSS：

 .hoverL{
            text-decoration: none; /* Eliminates the decoration (the underline)*/
            color: inherit; /* inherits the text color from it's parent */
    }

.hoverL:hover{
            text-decoration: underline; /* underline it again */
            color: blue; /* and give it again it's original color */
    }

在这里您可以看到一个有效的 jsfiddle 示例：http://jsfiddle.net/G6Lb6/

希望这是你需要的:)

Answer 6

请不要使用<font style="color:#000000;"> 它已被弃用并被 HTML 4.01 拒绝

您可以在跨度内链接“此处”：

<span>Please click <a href="#">here</a> for more details </span>

a:hover {
 color:#000;
}