# Mouse over boxes

**URL:** <https://forum.kirupa.com/t/mouse-over-boxes/186913>\
**Category:** Uncategorized\
**Created:** [April 25, 2006, 11:54am UTC](https://forum.kirupa.com/t/mouse-over-boxes/186913 "2006-04-25T11:54:37Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vectar](https://avatars.discourse-cdn.com/v4/letter/v/b2d939/32.png) [@Vectar](https://forum.kirupa.com/u/Vectar)\
**Post date:** [April 25, 2006, 11:54am UTC](https://forum.kirupa.com/t/mouse-over-boxes/186913/1 "2006-04-25T11:54:37Z")

</div>

if you check on this website [http://www.fasthosts.co.uk/](http://www.fasthosts.co.uk/)  
you will see some boxes called “live mail”, “Web Hosting” on mouse over the whole box is linked and the background color changes.  
Can anybody give me the source code to do this ?

---

<div class="post-metadata">

**Author:** ![ditt0](https://avatars.discourse-cdn.com/v4/letter/d/90db22/32.png) [@ditt0](https://forum.kirupa.com/u/ditt0)\
**Post date:** [April 25, 2006, 2:31pm UTC](https://forum.kirupa.com/t/mouse-over-boxes/186913/2 "2006-04-25T14:31:25Z")

</div>

Right click on the page and do view source. They use a javascript to achieve that that is included in homepage.js. Study the js functions in there, they aren’t really hard to understand.

---

<div class="post-metadata">

**Author:** ![Vectar](https://avatars.discourse-cdn.com/v4/letter/v/b2d939/32.png) [@Vectar](https://forum.kirupa.com/u/Vectar)\
**Post date:** [April 25, 2006, 2:47pm UTC](https://forum.kirupa.com/t/mouse-over-boxes/186913/3 "2006-04-25T14:47:45Z")

</div>

Thanks i allready checked the source but didn’t find out it came from a javascript thankssssss