The image swap effect is a very common thing for those freelance web designers and those working in web design companies . For navigational purposes, it can make menus much easier on the eyes by highlighting the user’s pick. This helps to prevent misclicks , and looks nice as well. When you want to create an image swap effect, the standard procedure is usually to throw in an OnMouseOver event in JavaScript. Unfortunately, there are a number of disadvantages to this approach, like the fact that a large number of people have JavaScript disabled in their web browser for security purposes. Thankfully, the same effect can be created using standard HTML and a neat trick using CSS. Here’s how the trick works for CSS. First you’ll create a division in your code with the div tag and give it a class . Inside of the division, you’ll place the image in standard image tags that will be used for when the mouse is not over the designated area. Next, you’ll add a background image to th...
Comments
Post a Comment