| |
|
|
| | Приветствую, уважаемые!
Собственно как сделать, чтобы при наведении на ссылку появлялось информационное окно , по типу как при наведении на картинку или кнопку? | |
| |
|
|
| |
|
|
| |
для: Silentium
(17.06.2009 в 10:19)
| | | <a title='123' >456</a> | |
| |
|
|
| |
|
|
| |
для: AlexSol
(17.06.2009 в 10:22)
| | | это я понял)) а например всплывающее окно, в котором есть какая нить графика или красивый шрифт | |
| |
|
|
| |
|
|
| |
для: Silentium
(17.06.2009 в 10:42)
| | | Вот можно так, с помощью javascript. Если таких ссылок много, можно добавить аргументы функции.
<script language="javascript">
function changeVisibility()
{
var obj = document.getElementById("popup");
var mlink = document.getElementById("mlink");
if (obj.style.visibility == "hidden")
{
obj.style.top = mlink.offsetTop+20;
obj.style.left = mlink.offsetLeft;
obj.style.visibility = "visible";
}
else obj.style.visibility = "hidden";
}
</script>
<a onMouseOver="changeVisibility();" onMouseOut="changeVisibility();" href="#" id="mlink">Ссылка</a>
<div id="popup" style="visibility:hidden; position:absolute; top:0px; left:0px;">Всплывающее окно</div>
|
| |
| |
|
|
| |
|
|
| |
для: Zeper
(17.06.2009 в 15:29)
| | | А если в браузере всплывающие окана заблокированы, пользователь это увидит? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(17.06.2009 в 16:07)
| | | Да, потому что здесь меняется видимость коммента. Тоесть коммент загружается вместе со всей страничкой, а далее при наведении на ссылку он становится видимым. | |
| |
|
|
| |
|
|
| |
для: Silentium
(17.06.2009 в 10:42)
| | | >это я понял)) а например всплывающее окно, в котором есть какая нить графика или красивый шрифт
Вот это может Вам подойти: http://htmlcoder.visions.ru/JavaScript/?11 | |
| |
|
|
| |
|
|
| |
для: dyadya
(18.06.2009 в 01:23)
| | | Спасибо! | |
| |
|
|
| |
|
|
| |
для: dyadya
(18.06.2009 в 01:23)
| | | Просто чтоб была графика, заносите img в div, оформляете его как-нибудь. | |
| |
|
|
| |
|
|
| |
для: Silentium
(17.06.2009 в 10:19)
| | |
<style type=text/css>
a div.popup {
position: absolute;
border: 1px solid #000;
background: #fff;
opacity: 0.8;
filter:alpha(opacity=80);
display: none;
}
a:hover div.popup {
display: block;
}
<style>
<a href="#">rollOverMe=)<div class="popup">some content</div></a>
|
| |
| |
|
|
