Over image box. [Archive]

roskobosko

6th January 07, 06:58 PM

I was hoping to get the code for something i couldnt find. Its a mouse over effect like in http://www.djin.se/article/article.asp?ArticleId=1031 When you put the mouse over the 4 images at the top of the site, you can see small content boxes.
So please WeLoveCSS, pimp me up:D

Jen

8th January 07, 02:19 AM

I'm sure it is javascript/dhtml. Look in the source;

<script type="text/javascript" language="JavaScript" src="http://www.djin.se/include/mb_functions.js"></script>

<div id="easy-icons">

<a href="#" onmousemove="javascript:showtip('100',event,'<strong>Steg 1 - Välj produkter</strong><br />På Djin.se hittar du de senaste mobiltelefonerna, tillbehör, mm.');" onmouseout="javascript:hidetip();"><img class="space" style="margin-left: 0px;" src="http://www.djin.se/images/design/easynav_icon_1.gif" width="44" height="44" title="" alt="" /></a>
<a href="#" onmousemove="javascript:showtip('100',event,'<strong>Steg 2 - Betala</strong><br />Betala enkelt och säkert med bankkort eller postförskott.');" onmouseout="javascript:hidetip();"><img class="space" src="http://www.djin.se/images/design/easynav_icon_2.gif" width="44" height="44" title="" alt="" /></a>
<a href="#" onmousemove="javascript:showtip('100',event,'<strong>Steg 3 - Leverans</strong><br />Med vår blixtsnabba leverans har du varorna nästa dag.');" onmouseout="javascript:hidetip();"><img class="space" src="http://www.djin.se/images/design/easynav_icon_3.gif" width="44" height="44" title="" alt="" /></a>
<a href="#" onmousemove="javascript:showtip('100',event,'<strong>Steg 4 - Använd</strong><br />Bara att börja använda!');" onmouseout="javascript:hidetip();"><img class="space" src="http://www.djin.se/images/design/easynav_icon_4.gif" width="44" height="44" title="" alt="" /></a>
</div>