Скачать 1.3.2 версию можно тут: Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума! Вы нуждаетесь в
или
!!
Выглядеть все будет так:
Код:[script type="text/javascript" src="Путь_к_jquery"][/script]
[script type="text/javascript"]
function simple_tooltip(target_items, name) {
$(target_items).each(function(i) {
$("body").append("<div class='" + name + "' id='" + name + i + "'><p>" + $(this).attr('title') + "<\/p><\/div>");
var my_tooltip = $("#" + name + i);
$(this).removeAttr("title").mouseover(function() {
my_tooltip.css({
opacity: 0.8,
display: "none"
}).fadeIn(400);
}).mousemove(function(kmouse) {
my_tooltip.css({
left: kmouse.pageX - 30,
top: kmouse.pageY + 20
});
}).mouseout(function() {
my_tooltip.fadeOut(400);
});
});
}
$(document).ready(function() {
simple_tooltip(".help", "tooltip");
});
[/script]
<a href="#" class="help" title="Jūsu izvēlēta bannera cena.">help</a>
Только замени [ на < и ] на >
Этот скрипт, когда курсор попадает на кнопку с
class="help" создает форму
Код:<div id="tooltip0" class="tooltip" style="opacity: 0.8; left: 295px; top: 324px; display: none;">
<p>Тут_появляться_надпись</p>
</div>
Тоесть в CSS ты можешь сам создавать цвета этой появляющейся форы, например
Код:.tooltip {
background-color:#DEDEDE;
border:1px solid #FFFFFF;
display:none;
left:-9999px;
padding:5px;
position:absolute;
width:230px;
z-index:999;
}
.tooltip p {
background-color:#222222;
color:#FFFFFF;
font-size:11px;
margin:0;
padding:2px 7px;
text-align:justify;
}
Страниц: 1
Загловок в окошке (Прочитано 8433 раз)
