наводишь на текст а там подсказка! Подскажите!

Guest · 20.10.2007

Ребят, подскажите пожалуйста как сделать чтоб при наводке на текст выплывало окошко рядом текстом... и там была надпись(любая надпись!)... мож я плохо задал вопрос, но посмотрите пример... вы сразу все поймете.... Под словом Анонс идут надписи... наведите на них мышь

Ссылка скрыта от гостей

Помогите. Оч срочно! Спасибо

_NOOB · 05.11.2007

Ну как вариант можно так, только надо подумать как добавляять инфу в сплывающее окно))

Код:

<html>
<head>
<style>
.p{color:olive; z-index:1; background:#C0EB14; width:200; text-align:center}
.helpmenu{display:none; position:absolute; top:100; left:200; width:100; height:50; background:#FFE572; color:black;
border-style:solid; border-width:1; border-color:black; text-align:center;z-index:2;}
</style>
</head>
<body>

<script language="javascript">
function over(msg){

help.style.display="block";
}
function out(msg){
help.style.display="none";
}
function mmove(){
help.style.top=event.clientY;
help.style.left=event.clientX;
}
document.write("<div class='helpmenu' id='help'></div>");
</script>

<p id="myp" class="p" onmousemove='mmove()' onmouseover="over()" onmouseout="out()">НАВЕДИ НА МЕНЯ!!!</p>
</body>
</html>

_NOOB · 05.11.2007

о, вот как правильно, нашел решение!)

Код:

<html>
<head>
<style>
.p{color:olive; z-index:1; background:#C0EB14; width:200; text-align:center}
.helpmenu{display:none; position:absolute; top:100; left:200; width:100; background:#FFE572; color:black;
border-style:solid; border-width:1; border-color:black; text-align:center;z-index:2;}
</style>
</head>
<body>

<script language="javascript">
function over(msg){
help.style.display="block";
help.innerText=msg;
}
function out(){
help.style.display="none";
}
function mmove(){
help.style.top=event.clientY;
help.style.left=event.clientX;
}
</script>
<div class='helpmenu' id='help'></div>
<p id="myp" class="p" onmousemove='mmove()' onmouseover="over('Ты навел на меня сцуко!!! Быстро убери курсор!!!')" onmouseout="out()">НАВЕДИ НА МЕНЯ!!!</p>
</body>
</html>

Все сервисы Codeby

Поиск

Поиск

наводишь на текст а там подсказка! Подскажите!

Guest

_NOOB

_NOOB