Можно с помощью CSS реализовать подсказки

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Guest, 4 окт 2003.

Статус темы:
Закрыта.
  1. Guest

    Guest Гость

    Например в теге <img alt="alternetive text">
    есть атрибут alt с помощью которого можна реализовать подсказки.
    А можно ли это сделать с помощью CSS?
    А в теге <div> ?
    Спасиба.
     
  2. admin

    admin Well-Known Member

    Регистрация:
    8 авг 2003
    Сообщения:
    2.811
    Симпатии:
    0
    в стандарте HTML 4 у любого элемента может быть аттрибут title
    ,например,

    Код (Text):
    <div title="hint">sample text</div>
    может подойдет
     
  3. Vagor.ini

    Vagor.ini Гость

    Не совсем короткий пример и не CSS, а скрипт, но зато широкие возможности:
    Код (Text):
    <html>

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

     if (parseInt(navigator.appVersion)>= 4)
     {
       if (navigator.appName == "Netscape")
       {
           layerStyleRef="layer.";
           layerRef="document.layers";
           styleSwitch="";
       }
       else
       {
       layerStyleRef="layer.style.";
       layerRef="document.all";
       styleSwitch=".style";
       }
    }

    function show(layerName)
    {
       if (parseInt(navigator.appVersion)>= 4)
       {
         eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');
        }
    }

    function cls(layerName){
     if (parseInt(navigator.appVersion)>= 4)
     {
      eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
      }
    }

    </script>

    <style type="text/css">#text1 {
    HEIGHT: 80px; LEFT: 0px; POSITION: absolute; TOP: 50px; VISIBILITY: hidden; WIDTH: 250px; Z-INDEX: 10
    }
    </style>
    <meta content="Microsoft FrontPage 3.0" name="GENERATOR">
    <title>Всплывающая подсказка</title>
    </head>

    <body bgColor="#FFFFFF" text="#000000">
    <div align="center" id="text1" style="HEIGHT: 80px; LEFT: 10px; TOP: 15px; WIDTH: 250px">

    <table border="0" width="100%" bgcolor="#000000" cellspacing="1" cellpadding="2">
    <TBODY>
     <tr>
       <td align="middle" bgcolor="#FFFFE1"><p align="center"><font face="Fixedsys"
       color="#FF0000">Всплывающая подсказка</font></p>
       <p align="left"><font face="MS Sans Serif" size="1"> А вот
       собственно и сама всплывающая подсказка...<br>
       Она удобна тем что:<br>
       1. Она не исчезает в самый неподходящий момент
       (она исчезнет только после того, как вы уберёте
       курсор с ссылки);<br>
       2. Всплывающую подсказку можно добавлять не
       только к графической ссылке, но и к обычному
       тексту;<br>
       3. Здесь можно менять шрифты;<br>
       4. Можно менять цвета шрифтов;<br>
       5. Сюда можно вставлять рисунки и т.д.</font></td>
     </tr>
    </TBODY>
    </table>
    </div>

    <p><br>
    <div align="right" onmouseout="cls('text1');" onmouseover="show('text1');">
    Дотронься мышью</div>
    </body>
    </html>
     
  4. Misha Splurov

    Misha Splurov Гость

    2 Guest
    Заметки HTML кодера - зайди сюда. Очень много полезного, в том числе и суперский скрипт tooltip
     
  5. admin

    admin Well-Known Member

    Регистрация:
    8 авг 2003
    Сообщения:
    2.811
    Симпатии:
    0
    А неплохой сайт. Спасибо. В закладки уже положил.
     
Загрузка...
Статус темы:
Закрыта.

Поделиться этой страницей