Sexy Alert Box - Alert your visitors with Style!
August 26th, 2008 in Tools
New generation of websites uses many JScript using various libraries. One of the most famous library is surely Mootools. With Mootools, we have seen many websites change their look and introducing various effects without the use of Flash.
Sexy Alert Box is a clone of the classic Alert Message written in JavaScript that requires Mootools libraries.
To know better how it works you can see some samples.
How To Use Sexy Alert
1. Download Mootools and Sexy AlertBox JS files.
2. Add this code between <head></head> tags:
<script src="mootools.js" type="text/javascript"></script>
<script src="sexyalertbox.v1.js" type="text/javascript"></script>
<link rel="stylesheet" href="sexyalertbox.css" type="text/css" media="all" />
3. Add this code between <body></body> tags:
<script type="text/javascript">
window.addEvent('domready', function() {
Sexy = new SexyAlertBox();
});
</script>
4. To display a Sexy Alert Message you have to add this simple code where you want to display the link to open it:
<a href="#" onclick="Sexy.alert('SEXY!'); return false;">I'm too Sexy!</a>
To change the look of your Sexy AlertBox you can change sexyalertbox.css file. If you want to know how to use extended functions, you can read Documentation.
Download Source Code:
Thanks for these very useful tool to the author: Eduardo Sada
Leave a Reply