0


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


目錄選單語法




說明式目錄選單

目錄索引

目錄一

目錄二

目錄三

請將滑鼠移到連結上試試
 

 

將原始碼複製到<HEAD></HEAD>標籤之間

<!--語法在網頁插入的開始-->
<style type="text/css">
<!--
.BorderOn { width:90px;
margin-left:10px;
border:1px dashed #FFD06C }
.BorderOff { width:90px;
margin-left:0px;
border:1px solid #CCCCFF }
A.mA:link {color:#A4A4FF; text-decoration:none;}
A.mA:visited {color:#A4A4FF; text-decoration:none;}
A.mA:active {color:#A4A4FF; text-decoration:none;}
A.mA:hover {color:#0000FF; text-decoration:underline;}
A.mB:link {color:#42BD83; text-decoration:none;}
A.mB:visited {color:#42BD83; text-decoration:none;}
A.mB:active {color:#42BD83; text-decoration:none;}
A.mB:hover {color:#008000; text-decoration:underline;}
A.mC:link {color:#FFA4A4; text-decoration:none;}
A.mC:visited {color:#FFA4A4; text-decoration:none;}
A.mC:active {color:#FFA4A4; text-decoration:none;}
A.mC:hover {color:#CC0000; text-decoration:underline;}
//-->
</style>

<script language="JavaScript1.2">
<!-- Begin
offMessage = "歡迎來到本站!"
function boxOn(which,message) {
if (document.all||document.getElementById) {
which.className = 'BorderOn';
if (document.getElementById) {
document.getElementById("Message").innerHTML = message
}
else {
Message.innerHTML = message;
}
}
}
function boxOff(which) {
if (document.all||document.getElementById) {
which.className = 'BorderOff';
if (document.getElementById) {
document.getElementById("Message").innerHTML = offMessage
}
else {
Message.innerHTML = offMessage;
}
}
}
// -->
</script>
<!--語法在網頁插入的結束-->

 

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

<!--語法在網頁插入的開始-->
<table cellpadding="0" cellspacing="0" width="100">
<tr><td align="center">

<!-- Header Table // -->
<table cellpadding="3" cellspacing="0" bgcolor="#CCFFFF" class="BorderOff">
<tr><td align=center>目錄索引</td>
</tr></table>

<!-- Menu Item One Table //-->
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'目錄一的連結說明')" onMouseout="boxOff(this)">
<tr><td><a class="mA" href="連結位置" target="目標框架">目錄一</a></td>
</tr></table>

<!-- Menu Item Two Table //-->
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'目錄二的連結說明')" onMouseout="boxOff(this)">
<tr><td><a class="mB" href="連結位置" target="目標框架">目錄二</a></td>
</tr></table>

<!-- Menu Item Three Table //-->
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'目錄三的連結說明')" onMouseout="boxOff(this)">
<tr><td><a class="mC" href="連結位置" target="目標框架">目錄三</a></td>
</tr></table>

<!-- Message Table //-->
<table cellpadding="1" cellspacing="0" bgcolor="#CCCCFF" width="90">
<tr><td>
<table cellpadding="3" cellspacing="0" bgcolor="#FFFCC" width="88">
<tr><td align="left" valign="top">
<font id="Message" color="#CBA987" face="Arial">請將滑鼠移到連結上試試</font>

</td></tr></table>
</td></tr></table>
</td></tr></table>
<!--語法在網頁插入的結束-->
 

 


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