나는 weebly를 사용하고 사용자가 텍스트 위에 마우스를 올려 놓았을 때 상자가 나타나길 원합니다.

Question

Weebly를 사용하고 사용자가 특정 텍스트 위에 마우스를 가져 가면 특정 단어에 대한 세부 정보를 제공합니다. weebly에서이 작업을 수행 할 수 있습니까 아니면 내가 추가 할 수있는 코드가 있습니까?

Answer 1

당신은 어쩌면 자신의 앱 스토어에서 위 블리에 응용 프로그램을 추가 할 수 있습니다,하지만 당신은이를 사용

<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>

그냥 전체를 복사하고 "말씀"과 "더 많은 단어를"변경합니다. 팝업 상자를 다른 곳으로 만들고 싶다면 다른 사람에게 알려주세요.