<!DOCTYPE html>
<html>
<head>
<title>Quick Tip</title>
<!--JQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<!--Zuerst downloade dir die quicktip.js = http://www.owainlewis.com/downloads/QuickTip.zip-->
<script src='http://www.tortys-welt.de/js/quicktip.js'></script>
<!--Hier kannst du den Look per CSS bearbeiten-->
<style>
#tooltip{
position:absolute;
background:#DDD;
padding:10px;
opacity:0.8;
-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;
font-weight:bold;
font-size:14px;
display:none;
}
</style>
<!--Die einblendzeit des QuickTip-->
<script>
$(document).ready(function(){
$('.quicktip').quicktip({
speed:1500
});
});
</script>
</head>
<body>
<img src="http://www.accessburn.de/images/header.png" alt="www.accessburn.de" class="quicktip" title="QuickTip für Bilder" />
<p><a href="http://www.tortys-welt.de" class="quicktip" title="QuickTip für Links">---Link---</a></p>
<p class="quicktip" title="QuickTip für Texte">Text text text</p>
</body>
</html>
|