ウェブサイトの建設

JSで実装された最も簡単なスライドドア

最近では、jsの特殊効果を探しているときは、すべてネットに行ってコードを探して、後でいくつかの特殊効果が自分に合わないかもしれないことがわかった、再修正する必要がある、理解できない、それ[?]

記事の目次

最近、JSを学ぶときは、以前にJSの特殊効果を見つけるときは、コードを見つけるためにオンラインに行き、後でいくつかの特殊効果が自分に適していないかもしれないことがわかり、変更する必要があります理解できない、それから何をすべきか、学びます。最近、JSを学ぶとき、JSの小さなパートナーともっとコミュニケーションを取りたいと思って、次のコードのスライドドア効果についてはあまり言わなかった。

<div class=“top_nav_news”>>
<div class=“index_news_right”>>
<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=; id= tx_0&gt;
<ul>
<li>&lt;a href=“#”&gt;1QQチャットアシスタントがチャット中に検索しやすくなる</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=; id= tx_1&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=; id= tx_2&gt;
<ul>
<li>&lt;a href=“#”&gt; 3 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>
<li>&lt;a href=“#”&gt;QQチャットアシスタントがチャットしながら検索しやすくなる</a></li>
</ul>
</div>
<div class= news_right_content style=; id= tx_3>
<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 {

for var id = 0;id&lt;4;id++
{
if id==
{
document.getElementById“tx_hd”+id.style.display=“block”;
document.getElementById“hdm”+id.className=“bg_block”;
}
elseさん
{
document.getElementById“tx_hd”+id.style.display=“none”;
document.getElementById“hdm”+id.className=“bg_none”;
}
}
}</script>

一部の友人はコードをコピーした後、どのようにページが乱雑で、これは正常です。中にはパターンがないから。良いページを直接使用してください。