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

您可以将HTML更改为：

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

Answer 2

尝试这样的事情：

<强> CSS

   span{
    color:#000;
    }

    span a{
    color:blue;
    }

<强> HTML

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

Answer 3

试试这个

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

添加样式

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

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;">它是非标准元素！你可以直接链接＆＃34; Here＆＃34;在一个范围内：

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

a:hover {
 color:#000;
}

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

6 个答案: