Récemment, en apprenant js, quand je cherchais des effets spéciaux js dans le passé, je suis allé chercher du code en ligne. Plus tard, j'ai découvert que certains effets spéciaux peuvent ne pas me convenir. Je dois les modifier à nouveau. Je ne comprends pas. Alors que faire, apprenez-le. Récemment, dans l'apprentissage de JS, j'espère que les petits partenaires de JS communiqueront plus, je n'ai pas dit beaucoup d'effets spéciaux de porte coulissante qui envoient peu de code ci-dessous.
<div class="top_nav_news_right">
<div class="index_news_right_top">
<ul>
<li><span class="hdm_01′′ id="hdm0′′ onmousemove="javascript :hd(0) ;"> Recommandé</span></li>
<li><span id="hdm1′′ onmousemove="javascript :hd(1) ;"></span></li>
<li><span id="hdm2′′ onmousemove="javascript :hd(2) ;"> Hotspot</span></li>
<li><span id="hdm3′′ onmousemove="javascript :hd(3) ;"> agrégé</span></li>
</ul>
</div>
<div class=news_right_content style=display :block ; id=tx_hd0′′>
<ul>
<li>< a href = "#">1QQ Chat Assistant est plus facile à rechercher en discutant</a></li>
<li>< a href = "#"> L'assistant de chat QQ est plus facile à rechercher en discutant</a></li>
<li>< a href = "#"> L'assistant de chat QQ est plus facile à rechercher en discutant</a></li>
<li>< a href = "#"> L'assistant de chat QQ est plus facile à rechercher en discutant</a></li>
<li>< a href = "#"> L'assistant de chat QQ est plus facile à rechercher en discutant</a></li>
</ul>
</div>
<div class=news_right_content style=display :none ; id=tx_hd1′′>
<ul>
<li>< a href = "#" > 2QQ Chat Assistant est plus facile à rechercher en discutant</a></li>
<li>< a href = "#"> L'assistant de chat QQ est plus facile à rechercher en discutant</a></li>
<li>< a href = "#"> L'assistant de chat QQ est plus facile à rechercher en discutant</a></li>
<li>< a href = "#"> L'assistant de chat QQ est plus facile à rechercher en discutant</a></li>
<li>< a href = "#"> L'assistant de chat QQ est plus facile à rechercher en discutant</a></li>
</ul>
</div>
<div class=news_right_content style=display :none ; id=tx_hd2′′>
<ul>
<li>< a href = "#" > 3QQ Chat Assistant est plus facile à rechercher en discutant</a></li>
<li>< a href = "#"> L'assistant de chat QQ est plus facile à rechercher en discutant</a></li>
<li>< a href = "#"> L'assistant de chat QQ est plus facile à rechercher en discutant</a></li>
<li>< a href = "#"> L'assistant de chat QQ est plus facile à rechercher en discutant</a></li>
<li>< a href = "#"> L'assistant de chat QQ est plus facile à rechercher en discutant</a></li>
</ul>
</div>
<div class=news_right_content style=display :none ; id=tx_hd3′′>
<ul>
<li>< a href = "#"> 4QQ Chat Assistant est plus facile à rechercher en discutant</a></li>
<li>< a href = "#"> L'assistant de chat QQ est plus facile à rechercher en discutant</a></li>
<li>< a href = "#"> L'assistant de chat QQ est plus facile à rechercher en discutant</a></li>
<li>< a href = "#"> L'assistant de chat QQ est plus facile à rechercher en discutant</a></li>
<li>< a href = "#"> L'assistant de chat QQ est plus facile à rechercher en discutant</a></li>
</ul>
</div>
</div>
<script>
Fonction hd(num){
for(var id = 0 ; id < 4 ; id++)
{
si (id ==num)
{
document.getElementById("tx_hd"+id).style.display="block" ;
document.getElementById("hdm"+id).className="bg_block" ;
}
Autre
{
document.getElementById("tx_hd"+id).style.display="none" ;
document.getElementById("hdm"+id).className="bg_none" ;
}
}
}</script>
Certains amis ont copié le code et ont découvert comment la page était si désordonnée, c'est normal. Parce qu 'il n'y a pas de style à l'intérieur Il suffit d'appliquer directement la page.