Create Mouse over Alert Box

 

Create Mouse Over Alert Box

You can create a mouse over alert box within a web page that will load an alert box when your visitor moves their mouse over a specified link.

This tip provides a great way to provide your visitors with a link description, tips or whatever you’d like.

 

Example:
Mouseover Example

Place your mouse pointer over the above link.

If you would like an alert box to appear when your visitors place their mouse over a link, place the code below within your HTML where you would like the link to appear.

<a href="" onMouseOver="alert(‘Your Message‘);return true;">Link Text</a>

Change the text where indicated in bold to whatever you’d like.

The “Your Message” text indicates the text that will be displayed in your alert box.

The “Link text” text indicates the text that will be displayed with your link.

Although you can use the above code to load a mouse over alert box, use it carefully, as you don’t want to irritate your visitors.

This concludes the creating a mouse over link alert box.

 
 

 
 
Visit the following pages for a wealth of copy and paste codes and tips:

HTML Tips
Copy and paste special effect HTML codes for your web page.

HTML Codes
An HTML codes chart you can use to copy and paste codes into your web page.

HTML Color Codes
An HTML color codes chart you can use to copy and paste color codes into your web page.

JavaScript Codes
Copy and paste special effect JavaScript codes for your web page.

Web Design Tips
Tips, tricks, and special effect codes for your web page.

HTML Tags
A list of HTML tags.

HTML 5 Tags
A list of the latest HTML tags to be developed.

ASCII Codes
Special text characters and code for your web page.