[jQuery plugin: Tooltip]

DANNY:

jQuery plugin: Tooltip

Current version: 1.3
Compressed filesize: 3910 bytes
License: MIT/GPL

Download full script

WELCOME
Quote

Code:

<link rel="stylesheet" href="http://jquery.bassistance.de/tooltip/jquery.tooltip.css" />
<script src="http://jquery.bassistance.de/tooltip/lib/jquery.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/tooltip/lib/jquery.bgiframe.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/tooltip/lib/jquery.dimensions.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/tooltip/jquery.tooltip.js" type="text/javascript"></script>


<div id="yahoo">
<center><a title="selamat datang di MS-ROOM.COM" href="http://yahoo.com">WELCOME</a> </center>

</div>

DEMO 2

div.nicetitle { position: absolute; padding: 4px; top: 0px; left: 0px; color: white; font-size: 13px; font-family: Verdana, Helvetica, Arial, sans-serif; width: 25em; font-weight: bold; background: url(http://www.kryogenix.org/code/browser/nicetitle/ntbg.png); /* Mozilla proprietary */ -moz-border-radius: 12px; } div.nicetitle p { margin: 0; padding: 0 3px; } div.nicetitle p.destination { font-size: 9px; text-align: left; padding-top: 3px; } example: WELCOME
Quote

Code:

<script src="http://www.kryogenix.org/code/browser/nicetitle/nicetitle.js" type="text/javascript"></script>
<style>
div.nicetitle {
    position: absolute;
    padding: 4px;
    color: white;
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
    background: url(http://www.kryogenix.org/code/browser/nicetitle/ntbg.png);
   
    /* Mozilla proprietary */
    -moz-border-radius: 12px;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 9px;
    text-align: left;
}
</style>
<div>
<p><center>example: <a href="https://www.ms-room.com"
title="Welcome on MS-ROOM.COM">nicetitle.js</a></center></p>
</div>

 

Back Sub-Forum