导航栏,该如何解决-JavaSript-爱易网页

导航栏,该如何解决

日期：2014-05-16　浏览次数：20393 次

导航栏

function navigationBar(a,b){

	document.getElementById(a).style.backgroundColor="#FF0088";

	if(b == 0){

		for(var i=0;i<=7;i++){

			var abc = "navigationSpan" + i;

			document.getElementById(abc).style.backgroundColor="";

		}

		document.getElementById(a).style.backgroundColor="#FF0088";

	}

}

function navigationBarDiv(){

	for(var i=0;i<=7;i++){

		var abc = "navigationSpan" + i;

		document.getElementById(abc).style.backgroundColor="";

	}

	document.getElementById('navigationSpan0').style.backgroundColor="#FF0088";

}

<div id="navigationBar">

<div id="navigationBars" onmouseout="navigationBarDiv()">

<span class="navigationBarSpan" id="navigationSpan0"><a class="navigationBara" href="">信息主页</a></span>

<span class="navigationBarSpan" id="navigationSpan1"><a class="navigationBara" href="" onmouseover="navigationBar('navigationSpan1',0)" onmouseout="navigationBar('navigationSpan1',1)">招聘</a></span>

<span class="navigationBarSpan" id="navigationSpan2"><a class="navigationBara" href="" onmouseover="navigationBar('navigationSpan2',0)" onmouseout="navigationBar('navigationSpan2',1)">二手房</a></span></div>

</div>

我在除了“onmouseover”导航栏第一个选项以外，在其他选项之间切换总是显示一下第一个选项。请问怎么让在选项之间切换时不显示一下第一个导航选项，并且在如果离开“div”时候回复到选择第一个选项。

导航

------解决方案--------------------

引用:

Quote: 引用:



function navigationBarDiv(){

    for(var i=0;i<=7;i++){

        var abc = "navigationSpan" + i;

        document.getElementById(abc).style.backgroundColor="";

    }

    //document.getElementById('navigationSpan0').style.backgroundColor="#FF0088"; 问题出在这句上

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

导航栏,该如何解决

相关资料更多>

推荐阅读更多>