clueTipツールチップ
Below are quite a few examples of how you can add a clueTip to your page, using a wide range of options. Keep in mind that there is nothing magical about the HTML markup. You can use any jQuery selector you want to attach your clueTips. For example, if you want to attach clueTips to all links with a class of "peanuts," you would simply write in your jQuery code: $('a.peanuts').cluetip();. Default
yuga.js :: Kyosuke.jp
yuga.jsって？ ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。 設置方法 まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置します。 yuga.jsを使いたいHTMLファイルのhead要素でjavascriptを読み込みます。 <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></s
Plugins | jQuery Plugins
* Added live demo page (url at bottom of page) This project allows the user to extend the textarea element/area within the web page whenever they feel. I noticed this functionality when adding a plugin to this website, I guess it's not used that often on other websites. It is part of the Drupal code, although I haven't much experience with Drupal. I found it useful and could see an immediate use f
blog.katsuma.tv
JavaScriptの小ネタはあまりウケないことを理解しつつのエントリー&&個人的な備忘録です。 TwitterのSettingsで設定変更したときのホワっとメッセージが出て、しばらく表示した後に、スっと消えるあの感じ。あれをjQueryで書く。こんな感じにするとそれっぽくなった。 var t = setTimeout( function(){ $('#fadeout-text').fadeOut(3000); clearTimeout(t); }, 2000); fadeOutだけでなんとかなるかなと思ったけど、時間を調整してもそれっぽくならなかった。最初に数秒間、普通に表示させてからスっと消さなきゃそれっぽくならないのでsetTimeoutでfadeOutの実行をズラしてみた。あと、fadeOutじゃなくてhide使うと領域(#fadeout-text)がだんだん小さくなりながら消えて
[JS]省スペースに豊富な情報を掲載できる高機能な3つのスクリプト
MopStudioから、パネルのスライダーやツールチップなど、省スペースに豊富な情報を掲載できる3つのスクリプトを紹介します。 MopStudio 紹介する３つのスクリプトはjQueryのプラグインのため、動作にはjquery.jsが必要です。 動作環境は、IE6, 7, Fx3, Op9, Safari3となっています。 各スクリプトのダウンロードや実装方法は、MopStudioの左下にあります。 パネルスライダー：MopSlider スクロールボックス：MopBox ツールチップ：MopTip パネルスライダー：MopSlider MopStudio デモは、ページ上部です。 横長のパネルを省スペースにスライダー付きで表示します。 右の回転矢印をクリックすると、表示方法を「マニュアル」と「オート」に変更できます。 スクロールボックス：MopBox
【ハウツー】ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 (1) ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 | パソコン | マイコミジャーナル
ThickBox 3とは? ThickBox 3はAjax(非同期通信処理)を利用して画像を表示するライブラリです。同じようなライブラリとしてはLightbox)が有名ですが、Lightboxはprototype.jsライブラリを利用しているのに対し、ThickBox 3はjQueryライブラリを利用しています。ThickBox 3の画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。また、画像だけでなくHTMLファイルなども表示させることができるので、いろいろ応用できそうです。Lightboxと比べてもThickBoxの方がプログラムサイズがコンパクトなことも魅力です。 ThickBox 3の大きな特長としてスクリプト(プログラム)を記述しなくてよいという点があります。つまり、全くプログラムが分からない人手も気軽に使うことができます。ThickBo
本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記
第1回 そろそろ本気で学びませんか？ | Think IT これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。 というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない（と思う）。 なぜonclickをあまり推奨しないのか やっぱり、エンジニアとデザイナーorマークアッパーとの分業の点でHTMLの属性にスクリプトを書いちゃうのはあんまりよろしくない。 たとえばの話だけど関数の名前を変えたかったり、だとか、HTMLを変更したり、っていうときにミスが起こりやすくなってしまう。 これは分業していなくてもどちらにしろ発生してしまうことだと思う。 他にも前に書いたのだけど、aタグとかでonclickしちゃうとhrefにreturn
ウノウラボ Unoh Labs: JavaScriptライブラリといえば jQuery（入門編）
こんにちわ。山下です。 最近、私の周りではJavaScriptライブラリといえば、jQuery の名前がまず最初に挙がってくるようになってきました。今回は、jQueryって何が便利なの？っていう人向けに、ポイントを掻い摘んで説明します。 1.名前空間を汚さない 他のJavaScriptライブラリとかだとStringとかArrayを直接拡張してたりしますが、jQueryはグローバルな名前空間を汚しません。eachとかmapのような便利な関数もすべてjQueryオブジェクトの属性として定義されています。 jQuery.each, jQuery.extend, jQuery.grep, jQuery.map, jQuery.merge, jQuery.trim, etc. また、標準では $ にショートカットが割り当てられるのですが、jQuery.noConflict()と書くことで proto
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
おしゃれなリスト実装サンプル:phpspot開発日誌
はじめてのjQuery
http://www.cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
[JS]jQueryで実装するテキスト・画像・サイトのツールチップ | コリス
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
