もっと見る
ソースコードダウンロード プログラミング関連 ウェブサイト作成リソース 書籍とチュートリアル モバイルゲーム モバイルソフトウェア 記事
ホーム>Web デザインのチュートリアル>CSS チュートリアル

JSとCSSで脚注効果を実現

著者：Eve Cole 更新時間：2009-06-12 17:46:02
脚注は、ユーザーに詳細な情報を提供する最良の方法であり、主要な情報を効果的に補足するものでもあり、さまざまな印刷書籍によく使用されます。ただし、脚注にはこれらの利点があるため、当然、Web ページでも脚注を活用する必要があります。この記事では、JavaScript と CSS を使用して脚注効果を実現する方法を紹介します。
JavaScript: 
  1.  
    2.  
    3.  
  3.  
脚注を実装するには、次の要素が必要です。
HTML: 
  1.  
    2.  
  2.  id = "article1" >
    3.  
  3.  
    4.  
  4. CSS  class = "footnote" > CSS は Cascading Style Sheet の略です。 「カスケード スタイル シート」と訳されます。これは、Web ページのスタイルの (拡張) 制御に使用されるマークアップ言語であり、Web ページのコンテンツからスタイル情報を分離できます。 
    5.  
  5.  
    6.
  • id = "artnotes1"クラス= "footnoteHolder" >
  •  
    • で：
    Article1 は脚注が必要な記事の本文です
    .. はアノテーションの内容で、span タグと class タグの両方を設定できます。
    artnotes1 は脚注が表示される場所です

    デフォルト設定の呼び出し方法によると、
    JavaScript: 
    1.  
      2.  



    4. 一部のコンテンツをカスタマイズする場合は、次の方法を使用できます。
       JavaScript:
    1.  
      2.