[JS]表示位置の微調整も可能、キュートなデザインのツールチップを実装するスクリプト -grumble
テキスト量を自動判定してサイズを大きく $('#grumble4').grumble( { text: 'Whoaaa, this is a lot of text that i couldn\'t predict', angle: 85, distance: 50, showAfter: 4000, hideAfter: 2000, } ); ); callback関数も用意されています。 $('#myElement').grumble({ showAfter: 1000, hideAfter: 2000, onShow: function(){ console.log('triggered when show animation completes'); }, onBeginHide: function(){ console.log('triggered when hide anima
BlogFish: A lightweight prototype based JavaScript tooltip
For a recent project I needed JavaScript tooltip functionality for showing detail information. All tooltip libraries that I came across were too complicated and bloatet, did just too much and most of the time were still not flexible enough with the tooltip. So I decided to create my own library that is based on prototype.js: <script src="/javascripts/prototype.js" type="text/javascript"></script>
利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」
TOP > WebDesign > 利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」 マウスオーバーしたときに出現するツールチップ、その対象物の内容を説明したり、補足的なデータを表示したりとユーザーインターフェイスを向上させてくれるテクニックの一つです。今日紹介するのは利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」です。 qTip – The jQuery Tooltip Plugin 吹き出しタイプやフェードタイプなど様々なもの集められていますが、今回はそのなかからいくつか気になったツールチップをピックアップして紹介したいと思います。 詳しくは以下 ■Prototip 2 – Crea
jQuery clueTip Plugin
Overview The clueTip plugin allows you to easily show a fancy tooltip when the user's mouse hovers over (or, optionally, clicks on) any element you designate in your script. If the element includes a title attribute, its text becomes the heading of the clueTip. If you like this plugin and you're feeling generous, perhaps you'd also like to visit my amazon.com wish list? Quick Start Guide Showing t
BlogFish: tooltip.js
For a recent project I needed JavaScript tooltip functionality for showing detail information. All tooltip libraries that I came across were too complicated and bloatet, did just too much and most of the time were still not flexible enough with the tooltip. So I decided to create my own library that is based on prototype.js 1.5: Download it here (BSD license): tooltip-v0.2.js A live demo can be
cluetipによるツールチップ表示 - ooharakの日記
パソコンソフトのマニュアルをまともに読む人はどれだけいるだろう。Webシステムもそれは同じだ。 Webベースなのだから、システムそのものが使い方をaffordする(教えてくれる)のが望ましい。 具体的にはちょっとしたツールチップでもあればいい。といってもHTMLに自分でしこしこ書くのは大変だ。なにか適当なキーをつけておき、キーに対応するツールチップのデータは別ファイルに出しておいてそいつを表示させたい。ということでjQueryのプラグインを使う。 tooltipというそのものズバリのもあるが、外部ファイルの読み込みは面倒そうなので、cluetipを使うことにした。 でもこれ標準だと、ツールチップを外部ファイルにする場合は、１つのツールチップごとに１個のhtmlを生成しないといけない。そこでちょっと書き足してみた。 まずhtml本体。 <html> <head> <meta http-equ
Tipped - A Complete Javascript Tooltip Solution
Abbott Handerson Thayer (1849 - 1921) was an American artist, naturalist and teacher. He is best known for his 'angel' paintings, some of which use his children as models. Display anything Tipped can display anything from simple snippets of text to custom designed tooltips. With build in Ajax support and a powerful Javascript API, Tipped covers pretty much every usecase when it comes to tooltips.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
Simpletip - A simple jQuery tooltip plugin