---------------------------------------------------------------------------------------------------------------
<!-- This document was created with HomeSite 2.5 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>dhtml</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=big5">
</HEAD>
<script language="javascript">
<!--
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;
function makeObj(obj){
this.css=(n) ? eval('document.'+obj):eval(obj+'.style')
this.hideIt=b_hideIt;
this.showIt=b_showIt;
return this
}
function b_showIt(){
this.css.visibility="visible"
}
function b_hideIt(){
this.css.visibility="hidden"
}
function init(){
text1=new makeObj('divText1')
}
//-->
</script>
<BODY onload="init();" text=#0491CC >
<CENTER>
<BR>
<IMG SRC="dhtmltitle.gif" WIDTH=200 HEIGHT=30 BORDER=0></CENTER><BR>
<div id="divText1" style="position:absolute;top:100pt;left:90;font-size:12pt;color:#0491CC;width:500;height:500;">
<FONT COLOR=#FF8000>動態網頁(Dynamic HTML)序論:</FONT>
<hr>
<FONT COLOR="Navy">動態網頁(Dynamic HTML)</FONT>是根據「傳統的」HTML而發展出來的，而不是一種全新的東西。<P>
事實上動態網頁(Dynamic HTML)與現今的傳統網頁語言HTML息息相關。<P>
雖然新版HTML4.0帶來許多新標籤，但是所謂的動態網頁(Dynamic HTML)<FONT COLOR="Navy">並不需用到任何新的 HTML標籤</FONT>，頂多只是極少數的新屬性罷了。<P>
<hr>
那麼動態網頁(Dynamic HTML)和「傳統的」HTML有什麼差別呢？<P>
又為什麼要花時間去學習呢？<P>
首先跟各位澄清一點事實，那就是HTML事實上僅是一種運用於顯示超連結<FONT COLOR="Navy">「文件」</FONT>的一種協定，而不是一種<FONT COLOR="Navy">多媒體</FONT>，所以對我們而言僅利用現今之傳統網頁語言(HTML3.2)，而想要有漂亮的網頁畫面不異是一項苦差事。<P>
<FONT COLOR="Navy">Table和Frame</FONT>是現今最常被利用來美化網頁版面的標籤，但層層的Table與Frame確是讓網頁作者創作與維護網頁的能力也層層受限。<P>
動態網頁(Dynamic HTML)讓您完全釋放上述的限制！<P>
<hr>
動態網頁(Dynamic HTML)提供了下列的新功能：<BR>
<ul>
<li>網頁上<FONT COLOR="Navy">所有的元件</FONT>(如標籤、圖形、文字等等)都可以被網頁上的script程式碼所存取(以往只能存取少數元件)。<P>
<li>樣式與樣式表的擴充功能使script程式碼存取網頁元件的能力更完整。<P>
<li><FONT COLOR="Navy">元件的絕對位置擺設</FONT>，包括第三度空間的座標(z-index)，這允許網頁製作能以桌面出版的方式進行，以及允許一個<FONT COLOR="Navy">2.5D</FONT>(假的3D)的外觀存在。<P>
<li>以動態方式重畫網頁的任何或所有部份，而不必重新載入網頁。<P>
</ul>
<hr><BR><BR>
<CENTER><A HREF="dhexample.html" TARGET="_self"><IMG SRC="dhlogo.gif" WIDTH=183 HEIGHT=31 BORDER=0></A><BR>本單元將以個例討論方式介紹DHTML</CENTER>
<BR><BR><BR>
<hr>
</div>
<div style="position:absolute;top:80pt;left:10;">
[<a href="javascript:text1.hideIt()">隱藏文字</a>] [<a href="javascript:text1.showIt()">顯現文字</a>]
<BR><BR>
</div>
</BODY>
</HTML>
--------------------------------------------------------------------------------------------------------------
有無人可以幫我把以上的'隠藏文字'和'顯現文字'合併成一個按鈕
使:按一次鈕可以隠藏文字,再按一次就顯現文字呢?
[
本帖最後由 無情 於 2006-3-15 17:07 編輯 ]
