Форум Сайтостроение Веб-строительство

Как сделать быстро всплывающий title у ссылки?

Yurecm
На сайте с 25.02.2007
Offline
233
Yurecm
849

Пример того что нужно, http://best-hoster.ru/, наведите на логотип.

Очень бы хотелось максимально простое решение!!!

И можно было менять тип шрифта и самой рамки.

Заранее спасибо плюсом!

ps обычные title и alt долго всплывают, а в опере еще адрес маячит, что нафиг не нужно

[Удален]
#1

http://yandex.ru/yandsearch?text=tooltips+jquery&yasoft=barff

Brand from Amber
На сайте с 18.08.2007
Offline
293
Brand from Amber
#2

KosoyRoman, фреймворки скрывают от нас истину!

Yurecm, вот тебе дружище, если хочешь не просто использовать, но и понимать как оно работает... 

 <SCRIPT>

  

  function DebugPrintClose ()

  {

    DebugPrint('');

    document.getElementById('DebugPrint').style.display='none';

  }

  

  function DebugPrint (text)

  {

    document.getElementById('DebugPrint').style.display='';

    document.getElementById('DebugPrint').innerHTML="<table style=\"BORDER: #666666 1px solid; BACKGROUND-COLOR: #FFFFCC; COLOR: #666666; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif\" border=0 align=center><tr><td>"+text+"</td></tr></table>";

  }

  

   

  function DebugPrintMove ()

  {

	  document.getElementById('DebugPrint').style.top=event.y+15;

    document.getElementById('DebugPrint').style.left=event.x+15

  }

  //--------------------------------------------

  </SCRIPT>

  

<html>

<head>

<title>TTT</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

</head>



<body>



<div id="DebugPrint" name="DebugPrint" style="DISPLAY: none; FLOAT: none; POSITION: absolute; z-index:3"></div>



<img src="http://img.searchengines.ru/logo1.gif"  style="cursor:hand" OnMouseOver="DebugPrint('Forum.SearchEngines.Ru');" OnMouseMove="DebugPrintMove()"  OnMouseOut="DebugPrintClose();">



</body>

</html>

P.S. (C) from me 🚬

Лучший способ понять что-то самому - объяснить это другому.
dkameleon
На сайте с 09.12.2005
Offline
386
dkameleon
#3

https://best-hoster.ru/js/api.js

так вот же, берите и юзайте.

Дизайн интерьера (http://balabukha.com/)
Yurecm
На сайте с 25.02.2007
Offline
233
Yurecm
#4
dkameleon:
https://best-hoster.ru/js/api.js

да я подумал что это не то, уж слишком много понаписано.

Хочется чего то максимально простого.

Вот то что дал Brand from Amber, весьма интересно.

[Удален]
#5

Yurecm эта фича в danneo в коробке идет )) там в конце скрипта типсы

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий