popupbox on hover.tt
<script src="/files/html/js/hover.js"> </script>
<style>
div.box {
background: #f3d5d5;
border: 2px solid #000000;
width: 8em;
height: 8em;
position: relative;
margin: 0.5em;
float: left;
}
div.box .text {
background: #d1190f;
display: none;
position: absolute;
top: 0;
left: -4em;
width: 16em;
height: 1px;
overflow: hidden;
-moz-opacity: 0.1;
color: #ffffff;
}
</style>
<h2>slide hover</h2>
<div class="box"> <div class="foo">HOVER ME!</div> <div class="text">Am I nice?</div> </div>
<div class="box"> <div class="foo">HOVER ME!</div> <div class="text">Am I nice?</div> </div>
<div class="box"> <div class="foo">HOVER ME!</div> <div class="text">Am I nice?</div> </div>
<div class="box"> <div class="foo">HOVER ME!</div> <div class="text">Am I nice?</div> </div>
<p style="clear: both"> </p>
