87,904
社区成员
发帖
与我相关
我的任务
分享求一个JAVASCRIPT源代码
本人做一个首页，其中有几个图形按钮，想做成一个MOUSE按下时调用另一个图片，也就是动态按钮，同时还能打开另一个页面。因为有多个按钮所以代码要可以重复利用！放上要调用的那一段代码
<table background="table-bg.jpg" width="740" height="500" border="0" >
<tr>
<td width="370" height="500">
<div id=marquee><marquee align="left" direction="up" behavior="scroll" loop="-1" scrolldelay="180"><br>欢迎光临，请选择要进入的面页marquee> </div>
</td>
<td >
<table border="0" >
<tr><td width="400" height="102"> </td></tr>
<tr><td height="75">
<table >
<tr>
<td> </td>
<td ><a href=""><img src="button-1.gif"></a></td>
<td width="35"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td >
<table>
<tr>
<td> </td>
<td><a href=""><img src="button-2.gif"></a></td>
<td> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td> </td>
<td><a href=" "><img src="button-3.gif"></a></td>
<td width="143"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td >
<table>
<tr>
<td> </td>
<td><a href=" " ><img src="button-4.gif"></a></td>
<td width="227"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="31">
<table>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr></table>
<table background="table-bg.jpg" width="740" height="500" border="0" >
<tr>
<td width="370" height="500">
<div id=marquee><marquee align="left" direction="up" behavior="scroll" loop="-1" scrolldelay="180"><br>欢迎光临，请选择要进入的面页marquee> </div>
</td>
<td >
<table border="0" >
<tr><td width="400" height="102"> </td></tr>
<tr><td height="75">
<table >
<tr>
<td> </td>
<td ><a href=""><img src="button-1.gif"></a></td>
<td width="35"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td >
<table>
<tr>
<td> </td>
<td><a href=""><img src="button-2.gif"></a></td>
<td> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td> </td>
<td><a href=" "><img src="button-3.gif"></a></td>
<td width="143"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td >
<table>
<tr>
<td> </td>
<td><a href=" " ><img src="button-4.gif"></a></td>
<td width="227"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="31">
<table>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr></table>
...全文
请发表友善的回复…
发表回复
emu 2002-10-10
- 打赏
- 举报
嘿嘿，好问题，好答案。
uuuuu 2002-10-10
- 打赏
- 举报
www.ibm.com
dachun 2002-07-05
- 打赏
- 举报
<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="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_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_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_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>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('web/images/erp.gif')">
<table width="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="1.htm" target="_blank"><img src="web/images/01.gif" width="44" height="17" border="0" name="Image1" onClick="MM_swapImage('Image1','','web/images/02.gif',1)"></a></td>
</tr>
</table>
</body>
</html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="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_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_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_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>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('web/images/erp.gif')">
<table width="30" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="1.htm" target="_blank"><img src="web/images/01.gif" width="44" height="17" border="0" name="Image1" onClick="MM_swapImage('Image1','','web/images/02.gif',1)"></a></td>
</tr>
</table>
</body>
</html>
MAGICSLIAO 2002-07-05
- 打赏
- 举报
<Html>
<Head>
<Title>动态按钮</Title>
<Script Language="JavaScript">
<!--
function drawButton(B,pic1,pic2,Operate) {
ButtonString="<Img Src=\"" + pic1 + "\" Id=\"" + B + "\" style=\"cursor:hand\" OnMouseDown=\"this.src='"+pic2+"'\" OnMouseUp=\"this.src='"+pic1+"'\" OnClick=\""+Operate+"\">";
document.write(ButtonString);
alert(ButtonString);
}
function popUp() {
alert("Ha!!!");
}
-->
</Script>
</Head>
<Body>
<Script Language="JavaScript">
<!--
drawButton("B1","p1.gif","p2.gif","popUp()");
-->
</Script>
</Body>
</Html>
<Head>
<Title>动态按钮</Title>
<Script Language="JavaScript">
<!--
function drawButton(B,pic1,pic2,Operate) {
ButtonString="<Img Src=\"" + pic1 + "\" Id=\"" + B + "\" style=\"cursor:hand\" OnMouseDown=\"this.src='"+pic2+"'\" OnMouseUp=\"this.src='"+pic1+"'\" OnClick=\""+Operate+"\">";
document.write(ButtonString);
alert(ButtonString);
}
function popUp() {
alert("Ha!!!");
}
-->
</Script>
</Head>
<Body>
<Script Language="JavaScript">
<!--
drawButton("B1","p1.gif","p2.gif","popUp()");
-->
</Script>
</Body>
</Html>
qiushuiwuhen 2002-07-05
- 打赏
- 举报
onmousedown修改src
onmouseup和onmouseout恢复src
onclick打开页面
onmouseup和onmouseout恢复src
onclick打开页面
xdspower 2002-07-05
- 打赏
- 举报
MAGICSLIAO(MagicsLiao) 代码不错，楼主再把其中的操作具体化就可以了
xdspower 2002-07-05
- 打赏
- 举报
MAGICSLIAO(MagicsLiao）提供的代码不错，只要稍加修改就是楼主所需要的了（具体动作的定义，因为楼主有具体要求所以可以更具体一些——就是打开网页）
51windows 2002-07-05
- 打赏
- 举报
看看这个
http://www.51icon.net
用这个的更好一些呀
htc
http://nhjz.51.net/hw/toolbar/index.htm
http://www.51icon.net
用这个的更好一些呀
htc
http://nhjz.51.net/hw/toolbar/index.htm
