Простая подсказка на Javascrip
|
1 |
<script type="text/javascript" src="/js/info.js"></script> |
2#: В самый низ вашего CSS:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
#hintbox{ position:absolute; top: 0; background-color: #00d2ff; width: 500px; padding: 3px; border:1px solid black; font:normal 11px Verdana; line-height:18px; z-index:100; border-right: 1px solid black; border-bottom: 1px solid black; visibility: hidden; opacity: 0.91; filter: alpha(opacity="91"); } .hintanchor{ font-weight: bold; color: navy; margin: 3px 8px; } |
3#: Элементы с подсказками оформляем так:
|
1 |
<a href="#" class="hintanchor" onMouseover="showhint('Это текст подсказки, который будет появляться при наведении на ссылку курсора мыши.', this, event, '150px')">[?]</a> |
Автор публикации
Комментарии: 47Публикации: 59Регистрация: 13-06-2015
Попробовал, не очень, сильно увеличивает код и добавляет второй class к css ссылке, что уже противоречит самому css, уделять class для подсказки - это расточительство 🙂
Почему добавление второго класса противоречит CSS? У многих элементов много классов. Вот если бы был второй ID - было бы грубейшее нарушение, а конструкция
Вполне нормальное явление 😏