📄 thumbnail-navigator.txt
字号:
<!-- 安装 缩略图预览 的步骤:
1. 把数据复制到你的Html文件的Head标记下
2. 把数据复制到你的Html文件的Body标记下 -->
<!-- 步骤一: 把以下数据复制到你的Html文件的Head标记下 -->
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
prev1 = new Image (32,18);
prev1.src = "prev1.jpg";
prev2 = new Image (32,18);
prev2.src = "prev2.jpg";
next1 = new Image (32,18);
next1.src = "next1.jpg";
next2 = new Image (32,18);
next2.src = "next2.jpg";
go1 = new Image (48,24);
go1.src = "go1.jpg";
go2 = new Image (48,24);
go2.src = "go2.jpg";
maxPic = 5;
p1 = new Image (144,96);
p1.src = "1-thumb.jpg";
link1 = "1-full.jpg";
p2 = new Image (144,96);
p2.src = "2-thumb.jpg";
link2 = "2-full.jpg";
p3 = new Image (144,96);
p3.src = "3-thumb.jpg";
link3 = "3-full.jpg";
p4 = new Image (144,96);
p4.src = "4-thumb.jpg";
link4 = "4-full.jpg";
p5 = new Image (144,96);
p5.src = "5-thumb.jpg";
link5 = "5-full.jpg";
count = 1;
function next() {
count++;
if (count > maxPic) {
count = 1;
}
eval("document.p.src=p" + count + ".src");
}
function back() {
count--;
if (count == 0) {
count = maxPic;
}
eval("document.p.src=p" + count + ".src");
}
function link() {
location.href=eval("link" + count);
}
// End -->
</script>
</HEAD>
<!-- 步骤二: 把以下数据复制到你的Html文件的Body标记下 -->
<BODY BGCOLOR=#ffffff vlink=#0000ff>
<BR>
<center>
<!-- Demonstration -->
<center>
<table bgcolor="#003366" border=0>
<tr>
<td align=center width=300>
<font color=white face="Arial, Helvetica" size="+1">缩略图预览</font>
<br><br>
<img name=p src="1-thumb.jpg" border=0 width=144 height=96>
<br>
<table border=0>
<tr>
<td><a href="javascript:back()" onmouseover="prev.src=prev2.src" onmouseout="prev.src=prev1.src"><img src="prev1.jpg" width="32" height="18" border="0" name="prev"></a></td>
<td><a href="javascript:link()" onmouseover="go.src=go2.src" onmouseout="go.src=go1.src"><img src="go1.jpg" width="48" height="24" border="0" name="GO"></a></td>
<td><a href="javascript:next()" onmouseover="next.src=next2.src" onmouseout="next.src=next1.src"><img src="next1.jpg" width="32" height="18" border="0" name="next"></a></td>
</tr>
</table>
<br>
<font color="#A3ACC9" size="2" face="Arial">
浏览大图请按“GO”</font>
</td>
</tr>
</table>
</center>
</center>
</BODY>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -