mbp64,
много букв неосилил -- ниже код наведите на точки
нужная вам строка 25
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tooltip - Custom Styling</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( ".catalog" ).tooltip({
content: function() {
var indx = $(".catalog").index( this );
return "Моя номера " + indx
}
}).attr({"title":""});
});
</script>
<style>.ui-tooltip,.arrow:after{background:#000;border:2px solid white}
.ui-tooltip{padding:10px 20px;color:#FFF;border-radius:20px;font:bold 14px "Helvetica Neue",Sans-Serif;text-transform:uppercase;box-shadow:0 0 7px black}
.arrow{width:70px;height:16px;overflow:hidden;position:absolute;left:50%;margin-left:-35px;bottom:-16px}
.arrow.top{top:-16px;bottom:auto}
.arrow.left{left:20%}
.arrow:after{content:"";position:absolute;left:20px;top:-20px;width:25px;height:25px;box-shadow:6px 5px 9px -9px black;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);tranform:rotate(45deg)}
.arrow.top:after{bottom:-20px;top:auto}
</style>
</head>
<body>
<div class="catalog" >
<div>
<a id="uniq_id"> .. </a>
</div>
</div>
<div class="catalog">
<div>
<a id="uniq_id"> .. </a>
</div>
</div>
</body>
</html>