このサイトで公開している、JavaScriptとAjaxのお気に入りサンプルプログラムです。 これらのプログラムは、JavaScriptのライブラリjQueryとスタイルシート(CSS)を使用して実装しています。 特に、jQueryのタブはシンプルで使い勝手抜群です。

  • イメージマップ

    このサンプルは、スタイルシートを使用してイメージマップを実装しています。イメージにマウスを移動するとビートルズの顔にホットスポットが表示されます。ホットスポット上にマウスを移動すると名前と説明が表示されます。このサンプルは、イメージにホットスポットを追加するときに利用すると便利です。JavaScritを一切使わないでCSSのみで実現できます。

  • ドック型メニュー

    このサンプルは、jQueryとスタイルシートを使用してドック型のメニューを表示します。マウスをイメージに移動するとイメージがドックから飛び出します。マウスをイメージから遠ざけるドックに収まります。

  • アンカーテキストに外部リンクのアイコンを表示

    このサンプルは、Webページのリンクを検索して外部リンクにイメージを表示します。さらに、anchor要素にtarget="_blank"属性を追加してリンクをクリックしたときにブラウザの新規ウィンドウを開きます。

  • シンプルタブ

    このサンプルは、jQueryのプラグインUI Tabsを使用してタブを表示します。[tab1][tab2][tab3]をクリックするとタブのコンテンツが表示されます。UI Tabsは、スライド、フェードなどを付加してカスタマイズすることができます。