0


歡迎光臨!! 救國團台中學苑 社會教育研習中心 電腦班隊研習營【網頁設計課程】


目錄選單語法




上下滾動式目錄

 

將原始碼複製到網頁中欲呈現特效的位置

<div id="point1" STYLE="position:absolute;visibility:visible; background-color:#008000">
<table width="138" border="1" bordercolor="#FFFFFF" cellspacing="0" cellpadding="2" bgcolor="#008000">
<tr>
<td align=center bgcolor="#0000FF">
<p style="line-height: 200%"><b><font color="#FFFFFF"><a href="002">
<font color="#FFFFFF" style="font-size: 14pt">
<span style="text-decoration: none">網頁設計</span></font></a><span style="font-size: 14pt">目錄</span></font></b></td>
</tr>
<tr>
<td align=center>
<p style="line-height: 200%"><font color="#FFFFFF" style="font-size: 13pt">
<a href="002"><span style="text-decoration: none"><font color="#FFFFFF">認識網頁設計</font></span></a></font></td>
</tr>
<tr>
<td align=center>
<p style="line-height: 200%"><font color="#FFFFFF" style="font-size: 13pt">
<a href="007"><span style="text-decoration: none"><font color="#FFFFFF">網頁語法介紹</font></span></a></font></td>
</tr>
<tr>
<td align=center>
<p style="line-height: 200%"><font color="#FFFFFF" style="font-size: 13pt">
<a href="092"><span style="text-decoration: none"><font color="#FFFFFF">front
Page 編輯</font></span></a></font></td>
</tr>
<tr>
<td align=center>
<p style="line-height: 200%"><font color="#FFFFFF" style="font-size: 13pt">
<a href="009"><span style="text-decoration: none"><font color="#FFFFFF">影音動畫好好玩</font></span></a></font></td>
</tr>
<tr>
<td align=center>
<p style="line-height: 200%"><font color="#FFFFFF" style="font-size: 13pt">
<a href="094"><span style="text-decoration: none"><font color="#FFFFFF">撇步技巧報你知</font></span></a></font></td>
</tr>
<tr>
<td align=center>
<p style="line-height: 200%"><font color="#FFFFFF" style="font-size: 13pt">
<a href="093"><span style="text-decoration: none"><font color="#FFFFFF">上傳前的準備</font></span></a></font></td>
</tr>
<tr>
<td align=center bgcolor="#FFFF00">
<p style="line-height: 200%"><span style="font-size: 13pt"><a href="index.htm">
<span style="text-decoration: none; font-weight: 700">回首頁</span></a></span></td>
</tr>
</table>
</div>
<script language="JavaScript1.2">
<!--
var XX=5;
var xstep=1;
var delay_time=30;
var YY=0;
var ch=0;
var oh=0;
var yon=0;
var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if (ns6){
YY=window.innerHeight
document.getElementById('point1').style.top=YY
}
function reloc1()
{
if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("point1").offsetHeight
}
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById("point1").style.left=XX
document.getElementById("point1").style.top=YY+window.pageYOffset
}
}
function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}
if (ie||ns4||ns6)
window.onload=onad
-->
</script>

-------------------------------------

在<table width="70" border="1" bordercolor="#FFFFFF" cellspacing="0" cellpadding="2" bgcolor="#000000">中修改表格的設定,依序為:表格的寬度、框線的粗細、框線的顏色、表格的間距、表格的內距、表格的底色
自行增加連結文字與網址
在 <font size="2" color="#FF3399"> 中修改連結文字的大小與顏色

----------------------------------------


上一頁下一頁 │                                      │ 回首頁 回特效語法  │