原本是鼠标放上面,内容区出现相应的文本,现在想改成,点击以后,内容区出现相应的文本,怎么改啊?
我是菜鸟,只会把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></li></ul> </div> <div id=IDN_A_CONTENT class="page-right"> <div class="righttitle"><h1>社联新闻</h1></div> <ul><li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><img src="../images/19.gif"/><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> </ul></div> <div class="page-right" style="DISPLAY: none"> <div class="righttitle"><h1>社团新闻</h1></div> <ul><li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><img src="../images/19.gif"/><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> <li><a href="#">[通知]校大学生社团联合会举行第七届学生社团表彰大会</a><span>2012年3月21号</span></li> </ul></div> <SCRIPT type=text/javascript> $(document).ready(function(){ $("#IDN_A > a").mouseclick(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>