Your Guide to Professional
Web Site Design and Development

HTML Tips
HTML Codes
Web Development
Web Design Tips
JavaScript Codes
216 Web Safe Colors
CSS Tutorial
JavaScript Tutorial
ASCII Character Codes

Offering a guide to professional web site design, web page design and web design guidelines

| Web Site Development | HTML Codes | HTML Tips | Web Design TipsJavascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

Creating a Mouseover Alert Box within a Web Page


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

Example Alert Box

To view this example, place your mouse over the above link, but do not click on it.


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 red 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 mouseover alert box, use it carefully, as you don't want to irritate your visitors.

 More Web Design Tips