[JS]後発だけに高性能で、実装はシンプルで超軽量のツールチップのスクリプト -jQuery PowerTip
jQuery PowerTip jQuery PowerTip -GitHub jQuery PowerTipの特徴 jQuery PowerTipのデモ jQuery PowerTipの使い方 jQuery PowerTipの特徴 実装が簡単。 シンプルな構造。 ツールチップはカーソルに追従とスタティックに表示の2種類をサポート。 ツールチップの追従するエリアは設定可能。 カスタマイズも簡単。 キーボードナビゲーションにも対応。 表示のアニメーションは、スムーズなフェードインとフェードアウト。 ツールチップは複数設置可。 あらゆる要素にツールチップを表示可能。 ビヘイビアやイベントをもった複雑なコンテンツにも対応。 6KBと超軽量。 jQuery PowerTipのデモ デモは、ベーシックな3種類が用意されています。 Demo: 左のエリアをホバーすると東にツールチップを表示し、ツールチ
[JS]a要素を内包するdiv要素全体をクリッカブルにするスクリプト -Div Linker
テキストリンクなどのa要素を内包するdiv要素の全部をクリック可能にするjQueryのプラグインを紹介します。 Div Linker デモページ [ad#ad-2] Div Linkerの実装 実装は非常にシンプルです。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="jquery.divlinker1.0.js"></script> HTML デモのようにテキストリンク（a要素）をdiv要素で内包します。 <div class="divlinker"> <img src="image.jpg" width="151" height="130" /> <
MobilizeJS | Health And Wealth
In the same way that doctors can specialize in areas like neurology and cardiology, dentists can also choose to specialize. Orthodontics is a specialty in dentistry that aims at preventing, diagnosing and treating dental and facial irregularities. A lot of orthodontic practices are usually limited to dentofacial orthopedics as well as general orthodontics, but patients of any age can be successful
titleを動かすJavaScript「Marquee in title」
twitter facebook hatena google pocket いっときtitleを動かすのが話題になったことがありました。 それをjQueryで実現したのがMarquee in titleです。 ちょっとしたインパクトを出すためのネタにいいかもしれません。 sponsors 使用方法 Marquee in titleの1からjsをダウンロード。 またjQueryjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.marqueetitle.js"></script> <script type="text/javascript"> $(document).ready(fun
position: fixed;でサイドに固定してjQueryでスライドして現れるメニュー
では、設置方法を説明してみます。 固定されたスライドメニューの作成 まず、head内でjQueryを読み込みます。もちろんjQueryは自分のサーバーにアップしてもかまいません。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> メニュー自体は簡単なリストメニューで構成されています。#のところはそれぞれリンク先のアドレスに変更してください。 <ul id="navi"> <li class="home"><a href="#"></a></li> <li class="rss"><a href="#"></a></li> <li class="facebook"><a href="#"></a></li> <li cla
最初に必要なものだけ効果的に見せるAppleサイト風エフェクト実装jQueryプラグイン「Apple Effect」:phpspot開発日誌
最初に必要なものだけ効果的に見せるAppleサイト風エフェクト実装jQueryプラグイン「Apple Effect」 2010年12月06日- jQuery Apple Effect 最初に必要なものだけ効果的に見せるAppleサイト風エフェクト実装jQueryプラグイン「Apple Effect」。 最近Appleのサイトを見たことがある方なら分かると思いますが、最初に1枚の画像を表示しておいて、ナビゲーションなんかは少し待たせて、フェードインしながら表示するというカッコいい効果を作れます。 最初に1枚の画像を表示 フェードインしながらナビゲーションを表示する こちらのデモで動きを確認 実装は1行。 $('#target').appleEffect(); オプションを渡すことでアニメーション開始までの時間を設定したり、コールバック関数を指定できたりします。 ちょっとめんどくさそうなこの機
ありそうでなかった？要素をふわっと表示させるjQueryプラグイン whatInOut :: 5509
Windows7のウィンドウのようにふわっと表示・非表示させることができます。ふわっとと、whatをかけ･･･（ｒｙ 色々な環境で試せてないので、バグというか予期しない動きは多いかもしれないです。twitterかコメントで報告もらえれば対応できる範囲で対応します。 ふわっとするためだけにeasingが必要になるいけてない仕様なんですけど、easingを別のところでも使ってカバーしてください（！）それかeasing関数を書いてもらえると･･･ Live demo Download demo files 導入方法 1. jQueryとeasingプラグイン、whatinoutを読み込む。 3. 実行する $()で対象にする要素を指定します。実際に使う場合は、ふわっと表示させたいときにwhatIn()、ふわっと消したいときにwhatOut()、ふわっとスライドインしたいときにwhatSlideI
End of Page Slide Out Box with jQuery | Codrops
The other day I was reading an article in the NYTimes and I really liked the box that slides out from the right when you are reading the last part […] The other day I was reading an article in the NYTimes and I really liked the box that slides out from the right when you are reading the last part of the article. It shows another article from the same category and I thought that it might be somethi
lupe.at - このウェブサイトは販売用です！ - lupe リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
[JS]大きな画像に最適な画像ギャラリーのスクリプト -jbgallery
jbgallery 2.0 デモ デモはコンテンツ箇所を消すことも可能で、ブラウザのサイズに合わせて比率を維持しまま拡大することもできます。 コンテンツを消したキャプチャ ギャラリーの操作は自動と手動に対応しており、デモでは右上にコントールボタンがあります。 操作はキーボードの矢印キーでも可能です。
Automatically generate table of contents using jQuery : Janko Jovanovic
Some time ago, I was debating with my friends on the topic: is there any use of generating table of contents automatically. The conclusion was that it can be useful in cases when the reading material is long enough and table of contents (TOC) has a fixed position on the screen. This tutorial will show you how to create such TOC in just a few lines of code. Extract information from HTML I will star
こいつは凄い！フルスクリーン縦型画像ギャラリー「jQuery Gallery Slider Plugin」
twitter facebook hatena google pocket 画像ギャラリーと言うとなんとなくLightBoxに代表されるような見せ方が思い浮かびます。 でもそんなものに飽ききった皆さんに朗報です。 jQuery Gallery Slider Pluginを使用すると、フルスクリーンで縦型の画像ギャラリーを作成できます。 sponsors 使用方法 jQuery Gallery Slider Pluginからファイル一式をダウンロードします。 またjQueryからjquery.jsをダウンロードします。 <link href="galleryslider.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script
rollover jQuery: un joli rollover sur les images avec jQuery
Envie d'un effet rollover sur vos images ? magicalHover s'occupe de tout!!MagicalHover est un joli rollover sur les images de votre site internet Idéal si l'on souhaite ajouter de l'interactivité dans une galerie photos La version courante : 0.1 béta 1 Pour utiliser MagicalHover rien de plus simple Licence: AGPL Initialiser jQuery et MagicalHover ensuite indiquer entre les balises script : $('ul.t
BIGREDSWITCH - Autobox2
I rolled up the autocomplete plugin (Rein + Yehuda) of my last few posts with the Facebook style text list (Guillermo) of my autobox post. We’re calling it Autobox2: click here to see the demo. Then, download it: jquery.ui.autobox-0.7.1.zip Updated 12/11 (see comments) jquery.ui.autobox-0.7.0.zip Although it is missing some of the behavior of autobox1, it’s a more solid and extendable implementa
Implement A Nice Clean Jquery Sliding Panel In Wordpress 27 » Web-kreation
<?php wp_head(); ?> <!-- PNG FIX for IE6 --> <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 --> <!--[if lte IE 6]> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/pngfix/supersleight-min.js"></script> <![endif]--> <!-- jQuery - the core --> <script src="<?php bloginfo('template_url'); ?>/js/jquery-1.3.2.min.js" type="text/javascript"></script> <!-- Slidin
Big Sky :: jQuery Glowがかっこいい
jQueryでマウスホバーでリンクに影をつけるカッコいいプラグインを見つけました。 nakajima's jquery-glow at master - GitHub Make your elements glow. Ooooh. http://github.com/nakajima/jquery-glow/tree/master 以下実行例 使い方も簡単で <script type="text/javascript"> $(function() { $(document).ready(function() { $('.glow-white').addGlow({ textColor: 'white', haloColor: '#aaa', radius: 100 }); $('.glow-blue').addGlow({ textColor: '#00f', haloColor: '#0
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
“Like it? Tweet it” is being retired.
GitHub - nakajima/jquery-livesearch: Adds some live search to your page
Web Page Under Construction
Fuel PHP Framework