更多
源碼下載 編程相關 建站資源 書籍教程 手遊 手機軟件 文章
首頁>網頁設計教程>CSS教程

Js和CSS實作註腳(Footnote)效果

作者：Eve Cole 更新時間：2009-06-12 17:46:02
註腳（Footnote）是提供使用者更多資訊的最佳途徑，也是主體資訊的有效補充，常見於各種印刷書籍中。不過，既然腳註有這些好處，我們當然要在網頁中也加以利用，本文向您介紹了用 Javascript 和 CSS 實現腳註效果的方法。
Javascript: 
  1.  
    2.  
    3.  
  3.  
要實現腳註，我們需要下列元素：
HTML: 
  1.  
    2.  
  2.  id = "article1" >
    3.  
  3.  
    4.  
  4. CSS  class = "footnote" > CSS 是Cascading Style Sheet 的縮寫。譯作「層疊樣式表單」。是用於(增強)控制網頁樣式並允許將樣式資訊與網頁內容分開的一種標記性語言。 
    5.  
  5.  
    6.
  • id = "artnotes1" class = "footnoteHolder" >
  •  
    • 其中：
    article1是你需要腳註的文章主體
    .. 是註解內容，標籤 span 和 class 都可以設定。
    artnotes1是顯示註腳的地方

    按照預設的設定調用方式：
    Javascript: 
    1.  
      2.  



    4. 如果你想自訂一些內容，可以用下面的方式：
       Javascript:
    1.  
      2.