1

みなさん、www.gamespot.com のようなビジュアル コードを作成しようとしています。divごとに表示/非表示/切り替え機能があります。

jsフィドル

Javascript:

<script language="javascript" type="text/javascript">
//<!--

function showRow(mainsect){
if (document.getElementById(mainsect)) {
        document.getElementById(mainsect).style.display = ''; 
    }
}

function hideRow(mainsect){
if (document.getElementById(mainsect)) {
    document.getElementById(mainsect).style.display = 'none';
}
}

function toggleRow(mainsect){
if (document.getElementById(mainsect)) {
    if (document.getElementById(mainsect).style.display == 'none') {
        showRow(mainsect)
    } else {
        hideRow(mainsect)
    }
}
}


//-->
</script>
  <script type="text/javascript">
window.onload=function('hideRow';) {
toggleRow('mainsect');
};
</script>

OK、各divに使用しているhtmlは

<li><a href="javascript:void(0);" onMouseOver="toggleRow('sect')" onMouseOut="toggleRow('sect')">Page 1</a></li>

そして、これが何をするかというと、mouseOver togglesRow 'sect' で、これらの ////\ JavaScript コードが複数あり、4 つあると思いますが、それぞれ異なる div を呼び出します。問題は style="display:none;" です 画像がまったくないようにします。私がしたいのは、マウスが宗派またはページ1の外に出たときに、ページ2または他のページにマウスオーバーするまでそこにとどまるようにすることです...どうすればよいですか?

4

1 に答える 1

0

わかりました、すべてが機能しました。私がしたことは削除することでした

} else { 
    hideRow(mainsect) 
}

これは、マウスオーバー機能が呼び出されるたびに非表示にしていました.divがすでに開いていたとしても、私は望んでいませんでした。次に、このような a hrefs を作成しました

<li><a href="javascript:void(0);" onMouseOver="toggleRow('sect')";hideRow('otherRow');hideRow('sect2');">Page 1</a></li>

すべてがうまく機能しています。ただし、jsfiddle では機能しないため、詳細を把握しようとしています。

于 2012-08-09T01:08:05.100 に答える