求助,大家来帮忙啊

Sunny319 2006-09-22 06:30:09
现在想用js做这样一个效果,一排小图片并列着,点任意一个时变色,点击其它任意一个它又恢复原来的颜色。并且鼠标移动上去也会变色,请大家看看。 最好有代码哈!
...全文
82 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
ontheway44 2006-09-22
  • 打赏
  • 举报
回复
<%@ page contentType="text/html; charset=gb2312" %>
<HTML>
<HEAD>
<TITLE>BOD2-1</TITLE>
<SCRIPT language=javascript>
document.oncontextmenu =new Function("return false;")
</SCRIPT>
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<Script language="JavaScript">
<!--
function quit(){
if (confirm('您确定退出系统吗?')){
window.location.href="logout.jsp";
}
}
//-->
</script>
<Script Language=javascript>
function Click(){
alert('版权所有(C)日达计算机系统(成都)有限公司');
window.event.returnValue=false;
}
document.oncontextmenu=Click;
</Script>
</HEAD>
<BODY>

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {

nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
</HEAD>
<LINK href="javascript/iTsp.css" rel=stylesheet>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 onLoad="MM_preloadImages('image/BOD1-12_09.gif','image/BOD2-1-3_04.gif','image/BOD2-1-2_04.gif','image/BOD2-1-3_05.gif','image/BOD2-1-2_05.gif','image/BOD2-1-3_07.gif','image/BOD2-1-2_07.gif','image/BOD2-1-3_08.gif','image/BOD2-1-2_08.gif','image/BOD2-1-3_09.gif','image/BOD2-1-2_09.gif','image/BOD2-1-3_06.gif','image/BOD2-1-2_06.gif')">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class=a9px>
<tr>
<td width="760"><TABLE WIDTH=760 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD ROWSPAN=2> <IMG SRC="image/BOD2-1_01.gif" WIDTH=150 HEIGHT=77 ALT=""></TD>
<TD> <IMG SRC="image/BOD2-1_02.gif" WIDTH=607 HEIGHT=51 ALT=""></TD>
<TD ROWSPAN=3> <IMG SRC="image/BOD2-1_03.gif" WIDTH=3 HEIGHT=90 ALT=""></TD>
</TR>
<TR>
<TD><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="firstpage.jsp" target="workspace" onClick="MM_nbGroup('down','group1','BOD21_04','image/BOD2-1-2_06.gif',1)" onMouseOver="MM_nbGroup('over','BOD21_04','image/BOD2-1-2_04.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="image/BOD2-1_04.gif" alt="" name="BOD21_04" width="101" height="26" border="0" onload=""></a></td>
<td><a href="info/common_info2.jsp" target="workspace" onClick="MM_nbGroup('down','group1','BOD21_05','image/BOD2-1-2_06.gif',1)" onMouseOver="MM_nbGroup('over','BOD21_05','image/BOD2-1-2_05.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="image/BOD2-1_05.gif" alt="" name="BOD21_05" width="101" height="26" border="0" onload=""></a></td>
<td><a href="javascript:alert('请使用页面上的打印按钮');" target="workspace" onClick="MM_nbGroup('down','group1','BOD21_06','image/BOD2-1-3_06.gif',1)" onMouseOver="MM_nbGroup('over','BOD21_06','image/BOD2-1-2_06.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="image/BOD2-1_06.gif" alt="" name="BOD21_06" width="101" height="26" border="0" onload=""></a></td>

</tr>
</table></TD>
</TR>
<TR>
<TD COLSPAN=2> <IMG SRC="image/BOD2-1_10.gif" WIDTH=757 HEIGHT=13 ALT=""></TD>
</TR>
</TABLE></td>
<td background="image/BOD1-1_03.gif"> </td>
</tr>
</table>
</BODY>
</HTML>

87,903

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧