Built_in_CSS_mouseover_support - e107inc/e107v1 GitHub Wiki
title: Built in CSS mouseover support permalink: /Built_in_CSS_mouseover_support/
Built In CSS mouseover Support
In 0.7's core javascript file e107_files/e107.js (which is requested by the browser on every page of your site) is included a function to enable HTML elements on your page to replace one CSS class with another when the mouse is positioned over the element and for it to switch back or to a different CSS class when the mouse moves out from over the element.
This function is called eover().
To use this function you need to put the following into the html element to which you wish to apply this functionality:
Where you replace my_pink_class and my_blue_class with the names of the CSS classes you wish to use.
As you can see the original class of the DIV button_rollback, is replaced with class button_rollover when the DIV is mouseovered, before returning to button_rollback when the mouse is moved out from being over the DIV.