日期:2014-05-16  浏览次数:20389 次

求一小段代码,请大家帮帮忙?谢谢.................求一小段代码,请大家帮帮忙?谢谢
想实现QQ面板左边导航按钮的效果,
btn_friend.gif(好的好友)     btn_friend2.gif
btn_task.gif(   我的任务)       btn_task2.gif
btn_paln.gif(我的计划)         btn_plan.gif  

当点击btn_friend.gif时,图片替换成btn_friend2.gif
当点击btn_task.gif时,图片替换成btn_task2.gif,其他图片恢复原样
当....


------解决方案--------------------
<img id= "img0 " onclick= "my_show(0); " src= "btn_friend.gif "> (好的好友)
<img id= "img1 " onclick= "my_show(1); " src= "btn_task.gif "> ( 我的任务)
<img id= "img2 " onclick= "my_show(2); " src= "btn_paln.gif "> (我的计划)

function my_show(n)
{
var imgNames = new Array( "btn_friend ", "btn_task ", "btn_paln ");
for (var i=0; i <3; i++)
{
var e = document.all[ "img "+i];
if (i==n) {e.src = imgNames[i]+ "2.gif "; }
else{e.src = imgNames[i]+ ".gif "; }
}
}