Web Set Tutorial 49 Author: Ann Stalls December 21, 2010
Mouse over Image Lesson
Supplies include:
2 greyscaled textures greyscaled gradient
You will need to colorize them or create your own.
Supplies Needed:
Mouse Over
effect images: Run your mouse over the images.
Graphic or Tube for 2 headers textured bg for bg1 gradient for bg2 textured bg for bg3 2 dividers 2 sets of buttons 2 footers marquee image 2 guestbooks
File Names:
Name your files as I have:
header header2 marques bg1 bg2 bg3 divider divider2 guestbook guestbook2 buttons: back back2 email email2 next next2 home home2 map map2 links links2 footer footer2
Make a blank button to save.
The html code is set for all images and backgrounds to be jpgs.
Remember to save your txt code as a html file.
I also included the oodomimagerollover. js file. (upload the oodomimagerollover.js file) The code for the mouse over affect is in the code placed in the head.
To add music, add this code after the header.
You will need to change it to your file name and file extenstion.