ボックス状に配置した画像のキャプションをスタイリッシュな動きでスライド表示させるスクリプトをBuild Internet!から紹介します。 Sliding Boxes and Captions with jQuery 画像とキャプションを囲むdivに「.boxgrid」を指定、スライド表示させるパネルには「.cover」を指定して使用します。 スライドするパネルにはdivを使用しているため、テキストやリンクなどを自由に配置できます。 スライドの動作パターンは、6種類あります。
JavaScript & DHTMLクックブック - Webエキスパート必携テクニック集 ダニー グッドマン (著), Danny Goodman (原著), 村上 列 (翻訳) オライリー・ジャパン (2004/01) ISBN: 4873111749 4,830 円 Amazon で詳細を見る function handleHttpResponse() { if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { var xmlDoc = xmlHttp.responseXML; if (xmlDoc.documentElement) { var pref = xmlDoc.getElementsByTagName('pref').item(0).firstChild; var city = xmlDoc.getElementsBy
技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo!やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く