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

  • Автор темы Guest
  • Дата начала
Статус
Закрыто для дальнейших ответов.
G

Guest

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

admin

в стандарте HTML 4 у любого элемента может быть аттрибут title
,например,

Код:
<div title="hint">sample text</div>

может подойдет
 
V

Vagor.ini

Не совсем короткий пример и не CSS, а скрипт, но зато широкие возможности:
Код:
<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>
 
M

Misha Splurov

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

admin

А неплохой сайт. Спасибо. В закладки уже положил.
 
Статус
Закрыто для дальнейших ответов.
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!