|
步驟一、將原始碼複製到<HEAD></HEAD>標籤之間- <!--語法在網頁插入的開始-->
- <style type="text/css">
- <!--
- .menulines{
- border:1px solid white;}
- .menulines a{
- text-decoration:none;
- color:black;}
- -->
- </style>
- <script language="javascript1.2">
- function borderize(what,color){
- what.style.borderColor=color
- }
- function borderize_on(e){
- if (document.all)
- source3=event.srcElement
- else if (document.getElementById)
- source3=e.target
- if (source3.className=="menulines"){
- borderize(source3,"blue")
- }
- else{
- while(source3.tagName!="TABLE"){
- source3=document.getElementById? source3.parentNode : source3.parentElement
- if (source3.className=="menulines")
- borderize(source3,"blue")
- }}}
- function borderize_off(e){
- if (document.all)
- source4=event.srcElement
- else if (document.getElementById)
- source4=e.target
- if (source4.className=="menulines")
- borderize(source4,"white")
- else{
- while(source4.tagName!="TABLE"){
- source4=document.getElementById? source4.parentNode : source4.parentElement
- if (source4.className=="menulines")
- borderize(source4,"white")
- }}}
- </script>
- <!--語法在網頁插入的結束-->
複製代碼
步驟二、將原始碼複製到網頁中欲呈現特效的位置- <!--語法在網頁插入的開始-->
- <table border="0" width="155" cellspacing="0" cellpadding="0" onMouseover="borderize_on(event)" onMouseout="borderize_off(event)">
- <tr>
- <td align="center" width="160" bgcolor="#3177BB"><b><font size="3" color="FFFFFF">JAVA館目錄</font></b></td></tr>
- <tr>
- <td width="160" class="menulines"><font size="2"><a href="script.htm">javascript特效</font></a></td></tr>
- <tr>
- <td width="160" class="menulines"><font size="2"><a href="applet.htm">JavaApplet特效</font></a></td></tr>
- <tr>
- <td width="160" class="menulines"><font size="2"><a href="gci.htm">CGI特效</font></a></td></tr>
- <tr>
- <td width="160" class="menulines"><font face="Arial" size="2"><a href="dhtml.htm">DHtml特效</a></font></td></tr>
- <tr>
- <td width="160" class="menulines"><font face="Arial" size="2"><a href="index.htm">返回首頁</a></font></td></tr>
- </table>
- <!--語法在網頁插入的結束-->
複製代碼 |
|