Как показать div в браузере - PullRequest
Новая
       20

Как показать div в браузере

1 голос
/ 08 сентября 2010

В макете моей страницы несколько групп дивов, повторяющихся как 

<div--1>

  <div--2>

    <div--3>

       <div--4>

Эта структура повторяется несколько раз. Я хотел бы скрыть содержимое div-4, которое будет скрыто, пока пользователь не прокрутит этот элемент. Как мы можем достичь этой функциональности?

Я нашел плагин, который работает с такими изображениями (http://www.appelsiini.net/projects/lazyload)

1 Ответ

2 голосов
/ 08 сентября 2010

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

<html>
<head>
<title>Show/Hide Divs</title>
<script type="text/javascript">
function showMyContents(control)
{
 control.children["myContents"].style.display = 'inline';
}

function hideMyContents(control)
{
 control.children["myContents"].style.display = 'none';
}
</script>
</head>
<body>

<div onmouseover="showMyContents(this);" onmouseout="hideMyContents(this);">show 1
 <div style="display:none" id="myContents">My Contents1</div>
</div>
<div onmouseover="showMyContents(this);" onmouseout="hideMyContents(this);">show 2
 <div style="display:none" id="myContents">My Contents2</div>
</div>
<div onmouseover="showMyContents(this);" onmouseout="hideMyContents(this);">show 3
 <div style="display:none" id="myContents">My Contents3</div>
</div>

</body>
</html>
...