При наведении мышки на текст - слева появляется окошко - PHP

[Pr1_Zr4k] · 19.05.2008, 21:33

как сделать вот также пример forum.zloy.org при наведении мышки на текст
Реклама на форуме (в вверху) поевляется слева окно
как это сделать выложите гатовый пример

AlDelta · 19.05.2008, 21:53

При чем здесь PHP?
В любой поисковик - всплывающая подсказка JavaScript. И будет тебе такое количество примеров, что за всю жизнь не разобрать...

SkyM@n · 20.05.2008, 02:15

Кстати, можно и с неплохим успехом на чистом CSS забабахать. Так без лишнего гемора с кроссбраузерностью.

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
   <head>
      <style type="text/css">
         #forum, #forum img { border: none; text-decoration:none;}

         .tt{
            position:relative;
            z-index:24;
            color:#3CA3FF;
            font-weight:bold;
            text-decoration:none;
         }
         .tt span{ display: none; }

         /*background:; ie hack, something must be changed in a for ie to execute it*/
         .tt:hover{
            z-index:25;
            color: #aaaaff;
            background:;}

         .tt:hover span.tooltip{
            display:block;
            position:absolute;
            top:30px; left:0;
            padding: 0 0 0 0;
            width:200px;
            color: #993300;
            text-align: center;
            z-index:25;
            opacity: 0.90;
            filter: alpha(opacity:90);
            KHTMLOpacity: 0.90;
            MozOpacity: 0.90;
         }
         .tt:hover span.top{
            display: block;
            padding: 30px 8px 0;
            background: url(/images/bubble.gif) no-repeat top;
            z-index:25;
         }
         .tt:hover span.middle{ /* different middle bg for stretch */
            display: block;
            padding: 0 8px;
            background: url(/images/bubble_filler.gif) repeat bottom;
            z-index:25;
         }

         a.tt:hover span.middle * {
            width:180px;
            z-index:25;
         }

         a.tt:hover span.bottom{
            display: block;
            padding:3px 8px 10px;
            color: #548912;
            background: url(/images/bubble.gif) no-repeat bottom;
            z-index:25;
         }
      </style>
   </head>
   <body>
      <a class="tt" style="top:10px;left:10px" href="http://www.programmersforum.ru/showthread.php?t=19562" title="" id="forum">
         <img src="/images/linux.gif" alt="" />
         <span class="tooltip">
            <span class="top"></span>
            <span class="middle">
               Форум программистов ;)
            </span>
            <span class="bottom"></span>
         </span>
      </a>
   </body>
</html>

Смотреть пример
При этом надо буит две картинки:
Первая
Вторая

19.05.2008, 21:33	#1
[Pr1_Zr4k] Пользователь Регистрация: 10.03.2008 Сообщений: 10	При наведении мышки на текст - слева появляется окошко как сделать вот также пример forum.zloy.org при наведении мышки на текст Реклама на форуме (в вверху) поевляется слева окно как это сделать выложите гатовый пример

19.05.2008, 21:53	#2
AlDelta Реанимируюсь... Участник клуба Регистрация: 19.07.2007 Сообщений: 1,445	При чем здесь PHP? В любой поисковик - всплывающая подсказка JavaScript. И будет тебе такое количество примеров, что за всю жизнь не разобрать... Пишите код так, как будто сопровождать его будет склонный к насилию психопат, который знает, где вы живёте. Правила форума => Правила раздела => Для общего развития => Помощь студентам => Перед тем, как создавать тему, скачайте себе... P.S.: форум не песочница (с) название статьи на сайте MS: "Отмена принудительного отключения автоматического запуска в реестре Windows"

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Изменение изображения при наведении мышки?	lionman	Общие вопросы Delphi	24	12.06.2010 13:03
при наведении курсора на картинку - появляется увеличенная	staors	JavaScript, Ajax	1	28.07.2009 10:51
уменьшается прозрачность при наведении курсора мышки	tanushecka	JavaScript, Ajax	4	16.05.2009 01:55
при наведении на один текст, выделяется другой	bogachev	JavaScript, Ajax	1	17.04.2009 16:48
Звук при наведении мышки на ссылку	BangBangFM	HTML и CSS	5	07.09.2008 15:14