Question

我正在使用Weebly并希望在用户将鼠标悬停在特定文本上时弹出一个框，为他们提供有关特定单词的更多详细信息。我可以在weebly中执行此操作，还是可以添加代码。

Answer 1

您可以从他们的appstore轻松添加应用程序，但您也可以使用：

＆＃13;

<style>
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
}
.tooltip .tooltiptext {
    width: 120px;
    bottom: 100%;
    left: 50%; 
    margin-left: -60px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
</style>

<center>
 <br><br>
 <div class="tooltip">Word
  <span class="tooltiptext">More words</span>
 </div>
</center>

＆＃13;

只需复制整件事并更改＆＃34; Word＆＃34;和＃34;更多的话＆＃34;。如果你想让弹出框在其他地方让我知道。

我正在使用weebly并希望当用户将鼠标悬停在某些文本上时弹出一个框

1 个答案: