Most easy way to use divs or other element as tooltip style windows withou modal, popups or lightbox
Javascript
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="jquery.popwindow.js"></script>
<script src="jquery.bgiframe.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#show").popwindow("#popup_div1");
});
</script>
XHTML
<input type="button" id="show" value="Show Message in Bottom"/>
<div id="popup_div1" class="popup_msg">
Popup Message<br />
Message goes here <br />
Message goes here
</div>
CSS
.popup_msg{ display:none; }
| Param | Values | Desc |
|---|---|---|
| position | "bottom","right","top","left" | display hidden element in passed position |
| offsetTop | Any number value (default is 10) | offset for top |
| offsetSides | Any number value (default is 0) | offset for sides |
| transitionSpeed | "fast","slow" (default is "fast") | speed of fade effect |