跟随打开页面移动的小球
罗良富
为一类页面建立目录式的左侧导航菜单,打开哪页时,在哪页的连接前出现一个闪动的小球 。网上见到的是把菜单作到每页上,如果页面多,而且要经常增减,就要全部改动了,很费力气。如果建立一个统一的 JS 文件,在每页调用就省事得多了。
问题的关键在于如何确定当前打开的页面,下面以铜中高63(2)联谊网的“故土情怀”目录下的部分页面为例,说明如何通过读取当前页的主题来实现的。
var zt=document.title // 关键语句,返回当前页的主题
//下句为当前页的显示,没有加连接,图片为小球,可任意改换
tb="<image src=../g632pic/zt.gif align=absmiddle border=0><font color=red>"+zt+"</font>"
//以下为“主题”,列表,一定要与页面和主题一致。增加页面时,加一行即可。
jx1="文化中心巴川镇"
jx2="龙乡铜梁好去处"
jx3="母校铜梁中学"
……
//---------以下为具体显示---------------------------
document.writeln("<br>");
document.writeln("<P ALIGN=CENTER><font SIZE=4><B>旧梦回故里</B></font></P>");
if(zt==jx1){
document.writeln("<br> "+tb)}; //当前页的显示
else{
//不是当前页的显示
document.writeln("<br>  <a HREF=jx1.htm TARGET=_blank>"+jx1+"</A>")}
if(zt==jx2){
document.writeln("<br> "+tb)};
else{
document.writeln("<br>  <a HREF=jx2.htm TARGET=_blank>"+jx2+"</A>")}
if(zt==jx3){
document.writeln("<br> "+tb)};
else{
document.writeln("<br>  <a HREF=jx3.htm TARGET=_blank>"+jx3+"</A>")}
……
增加页面时,复制一块,改下序号,和前面增加的“主题”列表对应起来就可以了。十分方便的。