この記事では、JSのマルチウィンドウディスプレイ関数について、タブスイッチング効果を実装するだけです。次のように、参照のために共有してください。
<div style = "text-align：center; margin-top：40px;"> <div> <span id = "newstab1" onmouseover = "setab（ 'newstab'、1,3）"> <a href = "###"ターゲット= "_ flank"> department news </a> </span </span < href = "###"ターゲット= "_ blank">メディアレポート</a> </span> <span id = "newstab3" onmouseover = "setab（ 'newstab'、3,3）"> <a href = "###"ターゲット= "_ blank">アカデミックリサーチ</a> <li> <span> 2015-09-09 </span> <a href = "###"ターゲット= "_ blank"> fall落した香りを暗唱するように頼んだ人は、1 </a> </li> <li> <span> <li> <span> 2015-08-05 </span> <a href = "###"ターゲット= "_ blank"> fower falling frage floating 1 </a> </li> </ul> </div> <div = "con_newstab_2" style = "div =" con_newstab_2 "style =" href = "###"ターゲット= "_ blank">誰があなたに水が落ちる香りを暗唱するように頼んだ人は2 </a> </li> <li> <li> <span> style="display:none;"> <ul> <li><span>2015-09-09</span><a href="###" target="_blank">Who asked you to recite the water falling fragrance floating 3</a></li> <li><span>2015-08-17</span><a href="###" target="_blank">Who asked you to recite the water falling fragranceフローティング3 </a> </li> </div> </div> </div> <スクリプトタイプ= "text/javascript"> function setab（name、cursel、n）{for（i = 1; i <= n; i ++）{var menu = document.getelementbyid（name+i）; var con = document.getElementById（ "con _"+name+"_"+i）; menu.classname = i == cursel？ "Hover"： ""; con.style.display = i == cursel？ "block"： "none"; }} </script>複製画像：
For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript Traversal Algorithm and Skills", "Summary of JavaScript Switching Special Effects and Skills", "Summary of JavaScript Search Algorithm Skills", "Summary of JavaScript Animation Special Effects and Skills", "Summary of JavaScript Errors and Debugging Skills", "Summary of JavaScript Data構造とアルゴリズムのスキル」および「JavaScriptの数学的操作の使用の要約」
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。