📄 0121.htm
字号:
<!-- #BeginTemplate "/Templates/Js.dwt" -->
<HEAD>
<!-- #BeginEditable "doctitle" -->
<TITLE>酷的导航条</TITLE>
<!-- #EndEditable -->
<style>
.Rollover { behavior : url(js/imageRollover_js.htc) }
A:link { color:navy; text-decoration:none; }
A:visited { color:navy; text-decoration:none; }
A:hover { text-decoration:underline; }
</style>
<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" -->
<CENTER>
<TABLE border=1 cellpadding=0 cellspacing=0>
<tr>
<td>
<img src="img/back1.jpg" hoverSrc="img/back2.jpg" pressedSrc="img/back3.jpg" class="Rollover" ><img src="img/forward1.jpg" hoverSrc="img/forward2.jpg" pressedSrc="img/forward3.jpg" class="Rollover" ><img src="img/stop1.jpg" hoverSrc="img/stop2.jpg" pressedSrc="img/stop3.jpg" class="Rollover" ><img src="img/refresh1.jpg" hoverSrc="img/refresh2.jpg" pressedSrc="img/refresh3.jpg" class="Rollover" ><img src="img/home1.jpg" hoverSrc="img/home2.jpg" pressedSrc="img/home3.jpg" class="Rollover" ><img src="img/seperator.jpg" ><img src="img/search1.jpg" hoverSrc="img/search2.jpg" pressedSrc="img/search3.jpg" class="Rollover" ><img src="img/favorites1.jpg" hoverSrc="img/favorites2.jpg" pressedSrc="img/favorites3.jpg" class="Rollover" ><img src="img/history1.jpg" hoverSrc="img/history2.jpg" pressedSrc="img/history3.jpg" class="Rollover" ><img src="img/seperator.jpg" ><img src="img/mail1.jpg" hoverSrc="img/mail2.jpg" pressedSrc="img/mail3.jpg" class="Rollover" ><img src="img/print1.jpg" hoverSrc="img/print2.jpg" pressedSrc="img/print3.jpg" class="Rollover" ><img src="img/edit1.jpg" ><img src="img/discussion1.jpg" hoverSrc="img/discussion2.jpg" pressedSrc="img/discussion3.jpg" class="Rollover" >
</td>
</tr>
</TABLE>
</CENTER>
<!-- #EndEditable --></td>
</tr>
<tr>
<td><!-- #BeginEditable "code" -->1.将下面的代码复制到 <body> 或者 <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>
.Rollover { behavior : url(imageRollover_js.htc) }
</STYLE></textarea>
</form>
<br>
2.插入图片代码<img src="back1.jpg" <font color="#990000">hoverSrc="back2.jpg"
pressedSrc="back3.jpg" class="Rollover"</font>><br>
注意红色字体为要加入的部分，但你需要改写 hoverSrc=鼠标放上时的图片路径 pressedSrc=鼠标按下时的图片 注意:字母的大小写<br>
<br>
3.点这里下载 <a href="js/imageRollover_js.htc.html" target="_blank">imageRollover_js.htc</a><!-- #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 + -