內容滑塊問題javascript

好的每個人，所以我試圖做一個像www.gamespot.com視覺代碼。我有每個div的顯示/隱藏/切換功能。內容滑塊問題javascript

的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>

好吧，我使用的每一個DIV的HTML是

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

，什麼這樣做是當鼠標懸停togglesRow '派'，我有多個//// \ javascript代碼，我相信有四個，可以調用每個不同的div。問題是style =「display：none;」使它完全沒有圖像。我想要的是，當它從小組或頁面鼠標移動到它停留的時候，直到鼠標懸停在page2或任何其他頁面上......我該怎麼做？

來源

2012-08-08 nextlevelgamingCO

我假設你是在做這個練習，否則有很多這些可用：http://www.1stwebdesigner.com/freebies/javascript-sliders-scrollers/ – 2012-08-08 03:31:07

沒有不適合練習和在同一時間是的。我現在只能使用JavaScript，我不知道jquery。而且我更願意自己設計這個實際工作的自豪感。所有這些例子都不是我想要的。 – nextlevelgamingCO 2012-08-08 03:38:45

因爲大家在這裏使用jsfiddle我給它一個旋轉。繼承人的fsfiddle預覽。唯一的事情是我想留下部分。 [鏈接] http://jsfiddle.net/2ZswK/1/以及onpageload我希望它mainselecter – nextlevelgamingCO 2012-08-08 03:45:41

好的我得到了一切工作。我所做的是刪除

} else { 
    hideRow(mainsect) 
}

哪個讓它隱藏每次鼠標懸停功能被稱爲即使div已經打開，我不想要。所以然後又創建了這樣一個hrefs

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

一切工作正常和丹迪。雖然在一個jsfiddle它不起作用，所以試圖找出更多。

來源

2012-08-09 01:08:05 nextlevelgamingCO

內容滑塊問題javascript

回答

相關問題