要素に重力を与えられるJavaScript「AvriBubble」
twitter facebook hatena google pocket WEBは平面的ですが、そこに重力を加えられると表現の幅が広がりそうです。 AvriBubble : a very ligth 2D engine based on Mootoolsは要素に重力のようなものを与えられます。 sponsors 使用方法 AvriBubble : a very ligth 2D engine based on MootoolsからavriBubble.js、mootoolsPlugin.jsをmootoolsからmootools.jsをダウンロードします。 <div id="colision"></div> //ここに表示されます。 <div id="id名" class="bubble" style="background: url(画像パス); top: 75px; left: 75
マウスオーバーをかっちょよくするJavaScript「jquery-glow」
twitter facebook hatena google pocket リンクのマウスオーバーではわかりやすく印象的なものにする必要があります。 jquery-glowではマウスオーバー時に、かっちょよくキラキラとさせます。 sponsors 使用方法 jquery-glowからjquery-glowing.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.color.js"></script> <script type="text/javascript" src="jquery-glowing.js"></script> <script type="text/j
これは面白い！jQueryで紙芝居のように画像をめくるJavaScript
twitter facebook hatena google pocket Create a unique Gallery by using z-index and jQueryで紹介されている画像の見せ方が面白いので紹介します。 クリックするたび紙芝居のように画像がめくられていきます。 sponsors 使用方法 jQueryからjquery.jsをダウロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function() { var z = 0; var inAnimation = false; $('#pictures img').each(function() { z++; $(this).c
JavaScriptでタブメニューを簡単に作る「Semantic Tabs」
twitter facebook hatena google pocket よくあるタブメニューをJavaScriptライブラリjQueryで簡単に作成できるSemantic Tabsを紹介します。 ※このjQueryプラグインは名の通り文章構造が非常にセマンティックです（後述）。 sponsors 使用方法 Semantic Tabsからjquery.semantictabs.jsをjQueryからjquery.jsをダウロードします。 <script type="text/javascript" src="jquery-1.3.js"></script> <script type="text/javascript" src="jquery.semantictabs.js"></script> <script type="text/javascript"> $(function(){ $
コンテンツをスライド表示させるJavaScript「Slide box」
twitter facebook hatena google pocket デザインの都合上、省きたいが、でもこのコンテンツ入れたい。。。 そんなサイト制作者の葛藤を解消してくれるのが、Slide boxです。 最初は隠しておきながら、ボタンを押すとエフェクトつきで表示されます。 sponsors 使用方法 Slide boxからslidebox.js、slidebox.cssを、jQueryからjquery.jsをダウンロードします。 <link rel="stylesheet" href="slidebox.css" type="text/css" media="screen"> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="slidebox.js
チラ見せしちゃうJavaScript「Page Peel」
twitter facebook hatena google pocket 最近チラッと広告やコンテンツを見せて興味を喚起するサイトがあります。 jQueryプラグインの「Page Peel」はそれを実現してくれるJavaScriptです。 sponsors 使用方法 Page PeelからjQuery.pagePeel.jsなどファイル一式をダウロードします。 ※psdやflaファイルまで入っています。 さて、これらを以下のように記述します。 <script type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript" src="jQuery.pagePeel.js"></script> <script type="text/javascript"> $().ready(
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
