Помощник
|
появление текста при наведении |
notnap
|
Сообщение
#1
|
||
|
|
||
|
|||
Letmetouchyou |
18.1.2010, 14:35;
Ответить: Letmetouchyou
Сообщение
#2
|
|
если написал в js, то можно вот так например сдлать:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> a.text:link,a.text:visited {font:normal 17px 'Tahoma'; text-decoration:none; color:#336699;} a.text:hover,a.text:active {text-decoration:nonel; color:#fff; background:#336699;} #tooltip {position:absolute; display:none; border:1px solid #d1a31a; background:#ffe8a2; font:normal 13px 'Tahoma';} </style> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript"> function tooltip_show(e){ var tool = document.getElementById('tooltip'); e = e || window.event; tool.style.top=e.pageY+3; tool.style.left=e.pageX+15; tool.style.display='block'; tool.innerHTML='Some text'; } function tooltip_hide(){ var tool = document.getElementById('tooltip'); tool.style.display='none'; } </script> </head> <body> <a href="#" class="text" onMouseover="tooltip_show(this);" onmouseout="tooltip_hide();">hover me</a> <div id="tooltip"> </div> </div> </body> </html> способов миллион) |
|
|
Apay |
18.1.2010, 15:43;
Ответить: Apay
Сообщение
#3
|
|
простейший способ
<span title="Текст">Слово</span>
|
|
|
notnap
|
Сообщение
#4
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> -<html> <head> <style type="text/css"> a.text:link,a.text:visited {font:normal 17px 'Tahoma'; text-decoration:none; color:#336699;} a.text:hover,a.text:active {text-decoration:nonel; color:#fff; background:#336699;} #tooltip {position:absolute; display:none; border:1px solid #d1a31a; background:#ffe8a2; font:normal 13px 'Tahoma';} </style> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript"> function tooltip_show(e){ var tool = document.getElementById('tooltip'); e = e || window.event; tool.style.top=e.pageY+3; tool.style.left=e.pageX+15; tool.style.display='block'; tool.innerHTML='Some text'; } function tooltip_hide(){ var tool = document.getElementById('tooltip'); tool.style.display='none'; } </script> </head> <body> <a href="#" class="text" onMouseover="tooltip_show(this);" onmouseout="tooltip_hide();">hover me</a> <div id="tooltip"> </div> </div> </body> </html> в этой комбинации меняется фон слова и переход при нажатии, а можно при наведении чтоб всплывал текст в рамке или окошке..(не нажимая на слово) |
|
|
Letmetouchyou |
18.1.2010, 17:08;
Ответить: Letmetouchyou
Сообщение
#5
|
|
notnap, переход будет потому что ето ссылка.
посавть ето на обычынй span и не будет перехода. меняется фон слова так исправь ксс. я делал для примера. а можно при наведении чтоб всплывал текст в рамке или окошке. в етмо примере как раз текст всплывает в окошке при наведении. |
|
|
notnap
|
Сообщение
#6
|
|
Огромное, спасибо. Для уточнения до тэга <body> основа этой возможности
|
|
|
Letmetouchyou |
18.1.2010, 17:48;
Ответить: Letmetouchyou
Сообщение
#7
|
|
|
все основа кроме css кода
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п |
7 | stu999 | 1753 | 31.3.2024, 11:19 автор: stu999 |
|
Перевод текста в речь нейросетями - сервис Zvukogram | 13 | Zvukogram | 7190 | 19.2.2024, 18:16 автор: freon_mr777 |
|
📌 Рандомизация видео/аудио/фото/текста с минимальным участием - 𝓓𝓮𝓵𝓽𝓪𝓣𝓸𝓸𝓵𝓼 Мы предлагаем комплексное решение для рандомизации всех видов офера |
2 | leviathan | 1377 | 29.1.2024, 21:29 автор: leviathan |
|
Нужен перевод текста с RU на UZ | 0 | REGNET | 765 | 22.2.2023, 15:17 автор: REGNET |
|
Получил странную ссылку при линкбилдинге Как поведет себя поиск при обнаружении странной ссылке? |
10 | r0mZet | 2203 | 24.10.2022, 19:23 автор: Wachowski |
Текстовая версия | Сейчас: 19.4.2024, 6:36 |