Using Rollover Effects

Yesterday I wrote about creating rollover images in Wordpress. This is all very nice, but what’s the point?

1. Engagement

Last term I sat with some students and asked them to show me things that they liked on various websites. There was no agreement whatsoever about preferred colour schemes, design styles or layouts, but almost everyone liked games, videos and interactive content. I am reliably informed that buttons which change when the mouse is rolled over them are ‘cool’.

If a set of buttons with rollover effects will encourage students to access the site I’ve set up for them, then it’s worth doing. (Yes I know, it’ll take much more than that, but it’s still worth it.)

2. Simple interactive content

Once you’veset up the use of rollover effects for the first time, it makes it possible to put some simple interactive content into web pages or posts in a class blog. Here’s a few examples:

Flashcards:

I’m going to ask Y10 to make some of these for the perimeter/area/volume formulae that they need to learn for their exam in January.

Revision prompts:

Can you name the sides in this triangle?
(Roll your mouse over the image to see the answer.)

Giving information or clues:

In a flowerpot in my garden I found 3 slugs, 2 spiders and 4 beetles.
How many legs were there altogether in the flowerpot?

Any more suggestions?

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Get Adobe Flash playerPlugin by wpburn.com wordpress themes