导航条点击变色,该怎么处理
日期：2014-05-17 浏览次数：20452 次
导航条点击变色
class=bianse是控制变色的
点击哪个导航就变色 其他的还原
请问怎么做呢 如果用JS最好用原生JS 不懂jquery
------解决方案--------------------
点新闻时，新闻变红，其它黑
点健康时，健康变红，其它黑 ---可以修改想变的颜色
<html>
<style>
a{color:black;}
</style>
<script language= "JavaScript ">
var currenta = null;
function clicka(a)
{
if (currenta != null)
{
currenta.style.color = "black ";
}
currenta = a;
a.style.color = "red ";
}
</script>
<body>
------解决方案--------------------
<a href= "# " onclick= "clicka(this) "> 新闻 </a>
------解决方案--------------------
<a href= "# " onclick= "clicka(this) "> 健康 </a>
------解决方案--------------------
<a href= "# " onclick= "clicka(this) "> 人才 </a>
------解决方案--------------------
<a href= "# " onclick= "clicka(this) "> 管理 </a>
------解决方案--------------------
</body>
</html>
<UL>
<LI><A class="bianse" href="a.aspx">导航1</A> </LI>
<LI><A href="b.aspx">导航2</A> </LI>
<LI><A href="c.aspx">导航3</A> </LI>
</UL>
class=bianse是控制变色的
点击哪个导航就变色 其他的还原
请问怎么做呢 如果用JS最好用原生JS 不懂jquery
------解决方案--------------------
点新闻时，新闻变红，其它黑
点健康时，健康变红，其它黑 ---可以修改想变的颜色
<html>
<style>
a{color:black;}
</style>
<script language= "JavaScript ">
var currenta = null;
function clicka(a)
{
if (currenta != null)
{
currenta.style.color = "black ";
}
currenta = a;
a.style.color = "red ";
}
</script>
<body>
------解决方案--------------------
<a href= "# " onclick= "clicka(this) "> 新闻 </a>
------解决方案--------------------
<a href= "# " onclick= "clicka(this) "> 健康 </a>
------解决方案--------------------
<a href= "# " onclick= "clicka(this) "> 人才 </a>
------解决方案--------------------
<a href= "# " onclick= "clicka(this) "> 管理 </a>
------解决方案--------------------
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
