1
我使用Weebly並希望當用戶將鼠標懸停在特定文本上時彈出一個框,給他們關於特定單詞的更多詳細信息。我可以在週末做這個,或者我可以添加代碼。即時通訊使用,並希望當用戶懸停在一些文本時彈出一個框
我使用Weebly並希望當用戶將鼠標懸停在特定文本上時彈出一個框,給他們關於特定單詞的更多詳細信息。我可以在週末做這個,或者我可以添加代碼。即時通訊使用,並希望當用戶懸停在一些文本時彈出一個框
也許你可以添加應用程序到weebly從AppStore的,但你也可以使用這樣的:
<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>
只要複製了整個事情,改變「字」和「更多的話」。如果你想彈出框在其他地方讓我知道。
謝謝,我會給它一個 –
@MattTyrrell沒問題 – Blackmagyk
在html中,我將這個代碼放在哪裏? –