This website is hosted for free by free website - Webs.com. Get your own Free Website now!

Imp's Personal Corner Sign
 Best viewed with IE4+ and a 800x600 screen

  Modem slow? Check Your Bandwidth Speed Here Check It With Net Monitor Get It Here!

Welcome

Site Menu

HTML Lessons

Sign Up Now. It's FREE

Name:

Email Address:




Search The Web

Financial Quotes

Financial Quotes
Charts and News


Enter symbol
Quote
Charts
News
  

HTML Forum



Imp's Guestbook



World News At You Finger Tips
Headline News

You'll find up to date news on subjects such as Late Breaking, World, International Sports, Entertainment, Music, Cricket, Formula 1 Racing, Golf, Soccer, Tennis, Track & Field, Hackers News, Lawsuits, War, Australia, France, Israel, Japan, South Africa and Great Britain.

World News At You Finger Tips

Learning How To Use Mouseovers...

Mouseovers are cool to use, you can either use them to place messages on your status bar using only 2 commands for an image or link, or you can use a full code to change images, like I have below.

First of all here are those 2 commands to place a message on your status bar.

onMouseover="window.status='Put text here';return true"
onMouseout="window.status=' ';return true"


Place the command lines in between your <BODY> </BODY> tags. Here's how to implement them into your pages using an image and a link, don't forget to replace red sections with your own details...


JavaScripts

<img src="anastacia[1].jpg" onMouseOver="window.status='Pop Star Anastacia'; return true" onMouseOut="window.status=' '; return true">

<a href="Javascripts.htm" onMouseOver="window.status='Back to JavaScripts main page.'; return true" onMouseOut="window.status=' '; return true">JavaScripts</a>


Here is how to make images change using Mouseovers...





Place this section of code between your <HEAD> </HEAD> tags, don't forget to replace red sections with your own details...

<script>
<!-- Hide from old browsers

homeOn = new Image();
meOn = new Image();
linksOn = new Image();
homeOff = new Image();
meOff = new Image();
linksOff = new Image();

homeOn.src = "home_on.gif";
meOn.src = "me_on.gif";
linksOn.src = "links_on.gif";
homeOff.src = "home_off.gif";
meOff.src = "me_off.gif";
linksOff.src = "links_off.gif";

function mm_over(imgName)
{
               imgOn = eval(imgName + "On.src");
               document[imgName].src = imgOn;
}

function mm_out(imgName)
{
               imgOff = eval(imgName + "Off.src");
               document[imgName].src = imgOff;
}

// End -->
</script>


This section goes between your <BODY> </BODY> tags, don't forget to replace red sections with your own details...

<p><a href="#" onmouseover="javascript:mm_over('home');" onmouseout="javascript:mm_out('home');"><img src="home_off.gif" name="home" width="50" height="20" border="0"></a>
<a href="#" onmouseover="javascript:mm_over('me');" onmouseout="javascript:mm_out('me');"><img src="me_off.gif" name="me" width="50" height="20" border="0"></a>
<a href="#" onmouseover="javascript:mm_over('links');" onmouseout="javascript:mm_out('links');"><img src="links_off.gif" name="links" width="50" height="20" border="0"></a></p>

Top

ALTERNATIVE SITE MENU
 
Home
About Me
Joke Of The Day
Games Zone
My Interests
Sharks
Crocs & Alligators
Florida Panther
Entertainment
Imp's Chat Server
Registration
Rooms List
Server Policy
Feedbacks
Contact
Other Chat Servers
HTML Basics
Creating A Web Page
Using Notepad
Using Colors
Creating Links
Using Images
Text Appearance
Using Lists
Horizontal Rules
Tables
Tables Examples
FTP Uploading
HTML Advanced
Cascading Style Sheets
Spacer GIF
Counters
Favourites Icons
Forms
Frames
Frames Examples
Getting Noticed
Image Maps
Page Transitions
Redirects
Site Search
Securing Your Images
Image Rollovers
Menus
Mouseovers
Javascripts
HTML References
My Colorchart
Character Codes
Web Hosts
HTML Tags List
Tags A-B
Tags C-E
Tags F (part 1)
Tags F (part 2)
Tags H-L
Tags M-P
Tags S-U
My Favourite Sites


Copyright © 2001 Imp's Personal Corner

In Association with Amazon.com
Join Going Platinum
In Association with Amazon.com