Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: появление скрытого содержимого при наведении курсора
 
 автор: Aege   (19.06.2010 в 12:52)   письмо автору
 
 

Напишите, пожалуйста, код JS. Например, если курсор наведен на блок div, то в нем появляется ссылка, скрытая до этого

  Ответить  
 
 автор: Агамемнон   (19.06.2010 в 18:24)   письмо автору
 
   для: Aege   (19.06.2010 в 12:52)
 


<html>
<head>
<style type="text/css">
#link{
visibility:hidden;
}

<!--Тут можно прописать любое оформление,это я просто в качестве примера-->
#blok{
background:#999966;
height:100px;
width:200px;
}
</style> 

<script language="JavaScript">
function HideAll(){
document.getElementById("link").style.visibility="hidden";
}
function Visio(){
document.getElementById("link").style.visibility="visible";
}
</script>
</head>
<body>
<div id="blok" onMouseover="Visio()" onMouseout="HideAll()">
<a id="link" href="http://www.softtime.ru" >СофтТайм</a>
</div>
</body>
</html>


На случай,если у клиента отключен JavaScript,прописать так:
<body onLoad="HideAll()">

кусок
#link{
visibility:hidden;
}
выкидываем.Лучше использовать именно этот способ.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования