Создание сайтов

Самые простые раздвижные двери, реализованные js

В последнее время в изучении JS, когда раньше ищут JS эффекты, все, чтобы найти код в Интернете, позже обнаружили, что некоторые эффекты могут не подходить для себя, необходимо изменить изменения не понимают, что [...]

Статьи

В последнее время в изучении JS, раньше, когда ищут JS эффекты, выходили в интернет и искали код, позже обнаружили, что некоторые эффекты могут не подходить для себя, нужно изменить изменения не понимают, то что делать, учиться.В последнее время, когда я изучаю JS, надеюсь, что я смогу общаться с друзьями JS, я не говорю много о специальных эффектах скользящих дверей, которые будут опубликованы ниже.

<div class = " top_nav_news_right " >
< div class = " index_news_right_top " >
<ul>
<li>&lt; span class = " hdm_01′′ id = " hdm0′′ onmousemove = " javascript: hd (0); " &gt; Рекомендуется</span></li>
<li>&lt; span id = " hdm1 ′′ onmousemove = " javascript: hd(1); " &gt;</span></li>
<li>&lt; span id = " hdm2 ′′ onmousemove = " javascript: hd (2); " &gt;</span></li>
<li>&lt; span id = " hdm3 ′′ onmousemove = " javascript: hd(3); " &gt; агрегирование</span></li>
</ul>
</div>
&lt; div class = " news_right_content " style = " display: block; " id = " tx_hd0′′ &gt;
<ul>
<li>&lt; a href = " # " &gt; 1QQ Chat Assistant проще и проще общаться</a></li>
<li>&lt; a href = " # " &gt; Помощник в чат QQ облегчает поиск и общение</a></li>
<li>&lt; a href = " # " &gt; Помощник в чат QQ облегчает поиск и общение</a></li>
<li>&lt; a href = " # " &gt; Помощник в чат QQ облегчает поиск и общение</a></li>
<li>&lt; a href = " # " &gt; Помощник в чат QQ облегчает поиск и общение</a></li>
</ul>
</div>
&lt;div class = " news_right_content " style = " display: none; " id = " tx_hd1′′ &gt;
<ul>
<li>&lt; a href = " # " &gt; 2QQ помогают в общении и поисках.</a></li>
<li>&lt; a href = " # " &gt; Помощник в чат QQ облегчает поиск и общение</a></li>
<li>&lt; a href = " # " &gt; Помощник в чат QQ облегчает поиск и общение</a></li>
<li>&lt; a href = " # " &gt; Помощник в чат QQ облегчает поиск и общение</a></li>
<li>&lt; a href = " # " &gt; Помощник в чат QQ облегчает поиск и общение</a></li>
</ul>
</div>
&lt;div class = " news_right_content " style = " display: none; " id = " tx_hd2′′ &gt;
<ul>
<li>&lt; a href = " # " &gt; 3QQ помогают в общении и поиске.</a></li>
<li>&lt; a href = " # " &gt; Помощник в чат QQ облегчает поиск и общение</a></li>
<li>&lt; a href = " # " &gt; Помощник в чат QQ облегчает поиск и общение</a></li>
<li>&lt; a href = " # " &gt; Помощник в чат QQ облегчает поиск и общение</a></li>
<li>&lt; a href = " # " &gt; Помощник в чат QQ облегчает поиск и общение</a></li>
</ul>
</div>
&lt;div class = " news_right_content " style = " display: none; " id = " tx_hd3′′ &gt;
<ul>
<li>&lt; a href = " # " &gt; 4QQ помогает в общении и поиске.</a></li>
<li>&lt; a href = " # " &gt; Помощник в чат QQ облегчает поиск и общение</a></li>
<li>&lt; a href = " # " &gt; Помощник в чат QQ облегчает поиск и общение</a></li>
<li>&lt; a href = " # " &gt; Помощник в чат QQ облегчает поиск и общение</a></li>
<li>&lt; a href = " # " &gt; Помощник в чат QQ облегчает поиск и общение</a></li>
</ul>
</div>
</div>
<script>
function hd (num) {

for(var id = 0; id &lt; 4; id + +)
{
if (id = = number)
{
document.getElementById ("tx_hd" + id). style.display = " block ";
document.getElementById ("hdm" + id). className = "bg_block";
}
другое
{
document.getElementById ("tx_hd" + id). style.display = " none ";
document.getElementById ("hdm" + id). className = " bg_none ";
}
}
}</script>

Некоторые друзья скопировали код и обнаружили, что страница настолько беспорядочна, что это нормально.Потому что внутри нет стиля.Совершенные страницы можно использовать непосредственно.