📄 0127.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0032)http://www.ie-zone.com/index.php --><HTML><!-- #BeginTemplate "/Templates/Js.dwt" --> <HEAD><!-- #BeginEditable "doctitle" --> <TITLE>带背景图片的按钮</TITLE><!-- #EndEditable --> <META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK href="../../fav.ico" rel="shortcut icon"><STYLE type=text/css>BODY { MARGIN: 25px 25px 25px}#all TD { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}INPUT { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}SELECT { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}P { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}TEXTAREA { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}#all A:active { COLOR: #7d070c}#all A:visited { COLOR: #7d070c}#all A:hover { COLOR: #336699}#all A:link { COLOR: #7d070c}</STYLE><SCRIPT language=JavaScript><!--function MM_goToURL() { //v3.0 var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");}function JM_cc(ob){var obj=MM_findObj(ob); if (obj) { obj.select();js=obj.createTextRange();js.execCommand("Copy");}}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;}//--></SCRIPT><META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD><BODY id=all text=#000000 bgColor=#336699><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/sq_1.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="../images/sq_2.gif" width=11 height="14"></TD> </TR></TABLE><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../../images/space.gif" width=11 height="1"></TD> <TD width="100%"> <table width="100%" border="0" cellpadding="8"> <tr> <td align="center"> <script language="JavaScript">document.write("<font color=#7d070c style=\"font-size: 14px\">"+document.title+"</font>");</script> </td> </tr> <tr> <td bgcolor="#f7f7f7"><!-- #BeginEditable "example" --> <style type=text/css><!--//change the file path below to the image you want initially applied to the button.initial{font-weight:bold;background-image:url(img/backgr10.jpg)}//--></style> <script language=""><!--/*Rollover background-image Script- ?Dynamic Drive (www.dynamicdrive.com)For full source code, installation instructions,100's more DHTML scripts, and Terms OfUse, visit dynamicdrive.com*/if (document.images){after=new Image()//change the file path below to the image you want applied when the mouse moves overafter.src="img/backgr7.jpg"}function change2(image){var el=event.srcElementif (el.tagName=="INPUT"&&el.type=="button")event.srcElement.style.backgroundImage="url"+"('"+image+"')"}function jumpto2(url){window.location=url}//--></script> <form onMouseOver="change2('img/logo.gif')" onMouseOut="change2('img/backgr10.jpg')"> <input type="button" value="Example 1 " class="initial" onClick="jumpto2('1.htm')" name="button"> <br> <input type="button" value="Example 2 " class="initial" onClick="jumpto2('2.htm')" name="button"> <br> <input type="button" value="Example 3 " class="initial" onClick="jumpto2('3.htm')" name="button"> <br> </form> <!-- #EndEditable --></td> </tr> <tr> <td><!-- #BeginEditable "code" -->1.将下面的代码复制到 <head> 内 <input type="button" name="Button" value="复制到我的剪贴板" onClick=JM_cc('js_1')> <br> <form name="form1" method="post" action=""> <textarea name="js_1" wrap="VIRTUAL" cols="80" rows="10"><style><!--//change the file path below to the image you want initially applied to the button.initial{font-weight:bold;background-image:url(firstimage.jpg)}//--></style><script><!--/*Rollover background-image Script- ?Dynamic Drive (www.dynamicdrive.com)For full source code, installation instructions,100's more DHTML scripts, and Terms OfUse, visit dynamicdrive.com*/if (document.images){after=new Image()//change the file path below to the image you want applied when the mouse moves overafter.src="secondimage.jpg"}function change2(image){var el=event.srcElementif (el.tagName=="INPUT"&&el.type=="button")event.srcElement.style.backgroundImage="url"+"('"+image+"')"}function jumpto2(url){window.location=url}//--></script></textarea> </form> <br> 2.将下面的代码复制到 <body> 或者内 <input type="button" name="Button2" value="复制到我的剪贴板" onClick=JM_cc('js_2')> <br> <form name="form1" method="post" action=""> <textarea name="js_2" wrap="VIRTUAL" cols="80" rows="10"><form onMouseover="change2('secondimage.jpg')" onMouseout="change2('firstimage.jpg')"><input type="button" value="Example 1 " class="initial" onClick="jumpto2('1.htm')"><br><input type="button" value="Example 2 " class="initial" onClick="jumpto2('2.htm')"><br><input type="button" value="Example 3 " class="initial" onClick="jumpto2('3.htm')"><br></form></textarea> </form> <!-- #EndEditable --></td> </tr> </table> </TD> <TD><IMG src="../../images/space.gif" width=11 height="1"></TD> </TR></TABLE><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/sq_3.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="../images/sq_4.gif" width=11 height="14"></TD> </TR></TABLE></BODY><!-- #EndTemplate --></HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -