lo de arriba no es nada ;)
mira men ya lo logro el script con el texto gracias a un amigo que me ayudo, pero ahora necesito poner varios textos corre el script para que veas
Código HTML:
<html>
<head>
<title> name web </title>
<!-- include the Tools -->
<script src="http://cdn.jquerytools.org/1.2.4/full/jquery.tools.min.js"></script>
<style>
body {
margin:200px;
}
/* trigger button */
#download_now {
Mira la info
display:block;
cursor:pointer;
}
/* mouseover state */
#download_now:hover {
background-position:0 -44px ;
}
/* clicked state */
#download_now:focus {
background-position:0 -88px;
}
/* tooltip styling */
.tooltip {
display:none;
background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
height:163px;
padding:40px 30px 10px 30px;
width:310px;
font-size:11px;
color:#fff;
}
/* a .label element inside tooltip */
.tooltip .label {
color:yellow;
width:35px;
}
.tooltip a {
color:#ad4;
font-size:11px;
font-weight:bold;
}
</style>
</head>
<body>
<p>
<!-- fuck -->
</p>
<p> </p>
<p> </p>
<p align="center">
<a id="download_now"> Descripción 1</a>
<!-- fuck element -->
</p>
<div class="tooltip">
<img src="http://static.flowplayer.org/img/title/eye.png" alt="Flying screens"
style="float:left;margin:0 15px 20px 0" />
<table style="margin:0">
<tr>
<td class="label">File</td>
<td>flowplayer-3.2.4.zip</td>
</tr>
<tr>
<td class="label">Date</td>
<td>2010-08-27</td>
</tr>
<tr>
<td class="label">Size</td>
<td>112 kB</td>
</tr>
<tr>
<td class="label">OS</td>
<td>all</td>
</tr>
</table>
<a href="/3.2/">What's new in 3.2</a>
</div>
<script>
// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready
$(document).ready(function() {
$("#download_now").tooltip({ effect: 'slide'});
});
</script>
</body>
</html>
Ejemplo:
Descripción 1 Descripción 2 Descripción 3 Descripción 4 Descripción 5
y que se ejecute el script diferentes me entiendes ?
Descripciones diferentes en cada uno de los textos
Gracias de antemano
salu2