Всплывающее описание ссылки

автор Naruto-kage Январь 1st 2009, 19:10

Можно сделать описание ссылки в всплывающем окошке, и если да, это сильно проблемотично? Буду очень признателен) yes

автор Sunnyta Январь 1st 2009, 19:50

Naruto-kage пишет:Можно сделать описание ссылки в всплывающем окошке, и если да, это сильно проблемотично? Буду очень признателен)

Если ты не про alt-подсказку, а другие виды, типа с настраиваемым размером, цветом, позицией или вообще всплывающей картинкой, то это возможно в css...
*можешь глянуть у меня на Портале, где размещена карта (поводи по ней мышкой) smile

автор Naruto-kage Январь 1st 2009, 21:45

Та, то что нужно, а можно плиз скриптик))) blush

автор Sunnyta Январь 1st 2009, 23:35

если ты не возражаешь, то завтра yes

а то опять скопирую что-то не так

автор Naruto-kage Январь 2nd 2009, 09:19

Хорошо, как скажешь) Буду ждать)))

автор Sunnyta Январь 2nd 2009, 12:22

Пример всплывающей подсказки у текста

Код:: Пример всплывающих подсказок. JavaScript: <script language="JavaScript">  </script> Стили: <style> #hint { display: none; position: absolute; max-width: 300px; width: expression("300px"); height: auto; border: 1px solid #000000; background-color: #FFFBC6; color: #000000; padding: 3px;font-size:95%; } </style> Разместить в любом месте следующий DIV: <div id="hint"></div> У необходимого элемента вызвать скрипт. Пример: <span onMouseover="showhint('текст подсказки')" onMouseout="hidehint()">текст текст текст</span>

автор Sunnyta Январь 2nd 2009, 12:23

Пример всплывающей подсказки к ссылкам

Код:: <html><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /><style type="text/css">body{margin:20px 100px;font:12px/1.4 Verdana, sans-serif;}h1{font:23px/1 Arial,sans-serif;font-weight:normal; text-align:center;}a.tt:hover{position:relative;z-index:23;}a.tt span{display:none;}a.tt:hover span{display:block;position:absolute;top:-10px; left:40px;background:#fafafa;border:1px solid #ccc;color:#000;z-index:20; width:200px;padding:5px;font-size:11px;cursor:pointer; text-decoration:none;}</style></head><ul> <li><a class="tt" href="#">Какая то там ссылка <span>Пояснение смысла этой ссылки или просто какое-то инфо</span></a></li> <li><a class="tt" href="#">Какая то там ссылка <span>Пояснение смысла этой ссылки или просто какое-то инфо</span></a></li> <li><a class="tt" href="#">Какая то там ссылка <span>Пояснение смысла этой ссылки или просто какое-то инфо</span></a></li> <li><a class="tt" href="#">Какая то там ссылка <span>Пояснение смысла этой ссылки или просто какое-то инфо</span></a></li></ul></body></html>

автор Sunnyta Январь 2nd 2009, 12:24

Подсказки бегущей строкой

Код:: <SCRIPT LANGUAGE="JavaScript">  </script> <div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 140 0);width:150px; background-color:white;z-index:10"></div> <div align="CENTER" name="divTest" onMouseover="showtip2(this,event,'Довольно неплохо, правда?');" onMouseout="hidetip2();" STYLE="cursor: hand"> Наведите курсор на это текст </div>

автор Sunnyta Январь 2nd 2009, 12:26

К моей карте слишком большое объяснение и даю ссылку для примера:

http://rotorweb.ru/xhtmlcss-verstka/karty-izobrazhenij-na-css.html

я это брала за основу и переделывала yes

автор Naruto-kage Март 21st 2009, 16:20

Вот я вернусь снова к этой теме, простите конешно)))
Я нашёл как делать всплывающие окна, но вот хочу чтоб мне подсказали как изменять их внешний вид и скорость появления при наведении курсора. Окно вставляется в хтмл тэге <a> и выглядит таким образом:

Код:: <a href="ссылка" title="Описание ссылки">

А как изменить как я раньше спрашивал скорость появления этого окошка и его внешний вид? Помогите, пробовал по всякому, но у меня не получилось =(

автор X-WoL Март 21st 2009, 18:02

Для title никак, это от ОС зависит... Но если покопаться, то можно найти что-нибудь, правда сам никогда не пользовался, если погуглить "javascript всплывающая подсказка title", то может уже будет проще разобраться)

автор Naruto-kage Март 21st 2009, 20:08

А если пробивась через CSS то после какой строчки нужно вставлять этот код. Прост в этом я не очень разбираюсь и css в глаза на этом движке видел может от силы 2 раза. Код выглядит так: