Creating a Mouseover Alert Box within a Web Page


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

| Web Site Development | HTML Codes | HTML Tips | Web Design Tips | Javascript 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

eTips Member Login

Enter your email address and password to enter the private membership area:

Email:

Password:

Lost Password?

Email:

Not yet a member?

Click here to see what you're missing! Club members receive access to dozens of free video tutorials, utilities and ebooks.

Our Products

• Web Design Mastery
• Mastering Web Hosting
• eBook Starter

Our Other Sites

• ShelleyLowery.com
• Web Design Mastery
• Learn How to Make a Web Page
• Make My Own Website Guide
• Email Newsletter Service
• Mastering Web Hosting
• eBook Starter
• Raging Hearts
• Online Forex Trading For Beginners
• Beginners Real Estate Investing

Partner Sites

• Site Build It!
• Web Site Templates

Web Site Design

• HTML Tips
• PC Security
• CSS Tutorial
• HTML Codes
• Web Design Tips
• JavaScript Codes
• JavaScript Tutorial
• Java Applet Tutorial
• 216 Web Safe Colors
• Web Site Development
• ASCII Character Codes

Follow Us