タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

pluginとtooltipとdesignに関するkathewのブックマーク (3)

  • ツールチップタイプのメニューバーを実装するjQueryプラグイン・Toolbar.Js - かちびと.net

    この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 ツールチップでメニューバーを実装する為のスクリプト・Toolbar.Jsのご紹介です。Webアプリ等でたまに見かけるやつ。省スペース化できていいですね。スマフォとの相性もいいかもしれません。 ツールチップでメニューを実装しよう、というもの。省スペース化できていいですね。 jQuery依存です。Webアプリなんかにどうでしょうか、との事。アイコンはtwitter bootstrapで使われているものを使用してるそうです。 こういうやつ。 デモではアイコンのみになっていますが、慣れてない方にとってはこのままだと分かりにくいのでもう一工夫必要かもですね。作ろうと思えば作れますけどアイデアが参考になったのでメモしました。ライブラリは以下に詳細があります。時間無いので詳細は割

    ツールチップタイプのメニューバーを実装するjQueryプラグイン・Toolbar.Js - かちびと.net
    kathew
    kathew 2013/02/05
    使いドコロによっては便利そう
    リンク

  • [JS]後発だけに高性能で、実装はシンプルで超軽量のツールチップのスクリプト -jQuery PowerTip

    jQuery PowerTip jQuery PowerTip -GitHub jQuery PowerTipの特徴 jQuery PowerTipのデモ jQuery PowerTipの使い方 jQuery PowerTipの特徴 実装が簡単。 シンプルな構造。 ツールチップはカーソルに追従とスタティックに表示の2種類をサポート。 ツールチップの追従するエリアは設定可能。 カスタマイズも簡単。 キーボードナビゲーションにも対応。 表示のアニメーションは、スムーズなフェードインとフェードアウト。 ツールチップは複数設置可。 あらゆる要素にツールチップを表示可能。 ビヘイビアやイベントをもった複雑なコンテンツにも対応。 6KBと超軽量。 jQuery PowerTipのデモ デモは、ベーシックな3種類が用意されています。 Demo: 左のエリアをホバーすると東にツールチップを表示し、ツールチ

  • [JS]超軽量で、シンプルなツールチップを実装するスクリプト -vTip

    リンクをはじめ、画像やdiv要素にもツールチップを実装する超軽量（1.1KB）のスクリプトをVertigo Projectから紹介します。 vTip demo vTipの設置は簡単で、JSとCSSを外部ファイルで指定し、ツールチップを表示する要素に「class="vtip"」を記述します。 ツールチップに表示するテキストは、title属性に記述します。 ツールチップの表示位置は、スクリプト内の「this.xOffset」と「this.yOffset」で変更することもできます。 vTipはjQueryのプラグインのため、実装にはjquery.jsが必要です。

  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2026 Hatena. All Rights Reserved.