简单js不会改-JavaSript-爱易网页

简单js不会改

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

【求助】简单js不会改
原本是鼠标放上面，内容区出现相应的文本，现在想改成，点击以后，内容区出现相应的文本，怎么改啊？
我是菜鸟，只会把mouseover改成mouseclick，但是没用也！！

原来的：

HTML code


<DIV id=IDN_A class=tt>
<A class=on href="#">社联新闻</A>
<A href="#">社团新闻</A></DIV>
<DIV id=IDN_A_CONTENT class="jtjs_box box1">
<A href="#"><IMG style="FLOAT: left" src="images/news3.jpg"></A>
<DIV class="newslist">
<LI><A href="#">大学生社团联合会第九届社团推荐会</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">校大学生社团联合会举行第七届学生社团表彰大会</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">广东石油化工学院第八届摇滚音乐节圆满落幕</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">我校第九届社团推介会隆重举行</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">校大学生社团联合会举行第七届学生社团表彰大会</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">广东石油化工学院第八届摇滚音乐节圆满落幕</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">广东石油化工学院第八届摇滚音乐节圆满落幕</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">我校第九届社团推介会隆重举行</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">校大学生社团联合会举行第七届学生社团表彰大会</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">广东石油化工学院第八届摇滚音乐节圆满落幕</A><SPAN>2011-12-15</SPAN></LI></DIV>
<DIV class="newslist" style="DISPLAY: none">
<LI><A href="#">校大学生社团联合会举行第七届学生社团表彰大会</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">我校第九届社团推介会隆重举行</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">校大学生社团联合会举行第七届学生社团表彰大会</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">我校第九届社团推介会隆重举行</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">校大学生社团联合会举行第七届学生社团表彰大会</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">我校第九届社团推介会隆重举行</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">广东石油化工学院第八届摇滚音乐节圆满落幕</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">我校第九届社团推介会隆重举行</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">校大学生社团联合会举行第七届学生社团表彰大会</A><SPAN>2011-12-15</SPAN></LI>
<LI><A href="#">广东石油化工学院第八届摇滚音乐节圆满落幕</A><SPAN>2011-12-15</SPAN></LI>
</DIV></DIV>
<SCRIPT type=text/javascript>
            $(document).ready(function(){
                $("#IDN_A > a").mouseover(function(){
                    $("#IDN_A > a").removeClass("on");
                    $(this).addClass("on");
                    $("#IDN_A_CONTENT > div").hide();
                    $("#IDN_A_CONTENT > div").eq($("#IDN_A > a").index(this)).show();
                });
            })
</SCRIPT>
</DIV>

更改的：

HTML code


<div class="page-left" style="margin-top:10px;">
<div class="page-left lefttitle"></div>
<ul><li><a href="#" class="on" id=IDN_A>社联新闻</a></li><li><a href="#" id=IDN_A>社团新闻</a></

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

简单js不会改

相关资料更多>

推荐阅读更多>