Cita:
<style type="text/css">
.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; background-color:red; }
</style>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="http://jquery-simpletip.googlecode.com/files/jquery.simpletip-1.3.1.js"></script>
<script>
$("tooltip").simpletip({ position: 'bottom', showEffect: 'custom',
// Note the argument (showTime) in the function definition
showCustom: function(showTime)
{
$(this).css({ borderWidth: 'inherit', fontSize: '12px', display: 'block' }) .animate({ borderWidth: 4, fontSize: '16px' }, showTime);
}
});
</script>
Applying a <a href="#">custom show effect <div style="display: none; left: 417px; top: 1533px; font-size: 20px;" id="tooltip" class="tooltip fixed">A simple tooltip</div></a> using the showEffect and showCustom properties.
.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; background-color:red; }
</style>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="http://jquery-simpletip.googlecode.com/files/jquery.simpletip-1.3.1.js"></script>
<script>
$("tooltip").simpletip({ position: 'bottom', showEffect: 'custom',
// Note the argument (showTime) in the function definition
showCustom: function(showTime)
{
$(this).css({ borderWidth: 'inherit', fontSize: '12px', display: 'block' }) .animate({ borderWidth: 4, fontSize: '16px' }, showTime);
}
});
</script>
Applying a <a href="#">custom show effect <div style="display: none; left: 417px; top: 1533px; font-size: 20px;" id="tooltip" class="tooltip fixed">A simple tooltip</div></a> using the showEffect and showCustom properties.
El plugin pueden ver la página en google poniendo simplemente jquery simpletip :
craigsworks.com/projects/simpletip
Gracias por su colaboración saludos a todos