Question

我的主页上有幻灯片，在它的底部显示文字。

我希望文字在悬停时，将颜色更改为红色，并且可以点击，重定向到指定的链接。

我的代码如下：

<div data-u="loading" style="position: absolute; top: 0px; left: 0px;">
    <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
    <div style="position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div>
</div>
<div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 1300px; height: 450px; overflow: hidden;">
    <div data-p="218.75">
        <img data-u="image" src="images/slides/slide1.jpg" />
        <div style="position:absolute;top:370px;left:379px;width:500px;height:70px;z-index:0;font-family:Comic Sans MS;font-size:72px;color:#000000;line-height:70px;text-align:center;">Rationale</div>
    </div>

任何帮助将不胜感激！

Answer 1

您基本上可以将任何HTML元素包装在<a>标记中。然后它变得可点击，你可以相应地设置它。

或者，您可以使用以下CSS使元素看起来像链接：

#myElement:hover {
   cursor:pointer;
}

然后，您可以使用javascript处理on click。我希望有所帮助！

如何使区域成为可点击链接？

1 个答案: