+1 vote
594 views
asked in CSS by (2.3k points)
i need your help to create mouse over text

1 Answer

0 votes
answered by (2.3k points)

u can use this code for mouse over text effects

html code

 

<span class="dropt" title="Title for the pop-up">Hot Zone Text
  <span style="width:500px;">Pop-up text</span>
</span>

 

style sheet

span.dropt {border-bottom: thin dotted; background: #ffeedd;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;} 

Categories

...