https://b.hatena.ne.jp/nippai/javascript/ javascriptに関するnippaiのはてなブックマーク (197) https://coliss.com/articles/build-websites/operation/javascript/669.html CSS Text Wrapperは、通常は矩形のテキストエリアを、自由な形状に回り込ませることができるスクリプトです。 nippai 2011-09-27T13:46:59Z JavaScript text <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/669.html" title="[JS]テキストを矩形以外の形状に囲むスクリプト -CSS Text Wrapper"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2F669.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/669.html">[JS]テキストを矩形以外の形状に囲むスクリプト -CSS Text Wrapper</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/669.html"><img src="" alt="[JS]テキストを矩形以外の形状に囲むスクリプト -CSS Text Wrapper" title="[JS]テキストを矩形以外の形状に囲むスクリプト -CSS Text Wrapper" class="entry-image" /></a></p><p>CSS Text Wrapperは、通常は矩形のテキストエリアを、自由な形状に回り込ませることができるスクリプトです。</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/669.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/669.html" alt="はてなブックマーク - [JS]テキストを矩形以外の形状に囲むスクリプト -CSS Text Wrapper" title="はてなブックマーク - [JS]テキストを矩形以外の形状に囲むスクリプト -CSS Text Wrapper" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/669.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 30 https://e0166.blog.fc2.com/blog-entry-326.html nippai 2011-09-27T13:46:59Z javascript <blockquote cite="https://e0166.blog.fc2.com/blog-entry-326.html" title="『10のJavaScript、Axaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fe0166.blog.fc2.com%2Fblog-entry-326.html" alt="" /> <a href="https://e0166.blog.fc2.com/blog-entry-326.html">『10のJavaScript、Axaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳</a></cite><p><a href="https://e0166.blog.fc2.com/blog-entry-326.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9218bf4a4afd03022c3af1b2b42fa6017855dbcb/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog-imgs-17.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200711042222.gif" alt="『10のJavaScript、Axaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳" title="『10のJavaScript、Axaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳" class="entry-image" /></a></p><p>タブメニューなにか良いのないかなと思って探していたら、10 Javascript Ajax Tabsというエントリが後々使えそうなのでご紹介しておきます。 タブに関するまとめは以下で。 10 Javascript Ajax Tabs とりあえず10のJavaScriptAjaxタブメニューエントリはこちらから。 エントリの中でも、以下のメニューが面白かったです...</p><p><a href="https://b.hatena.ne.jp/entry/s/e0166.blog.fc2.com/blog-entry-326.html"><img src="https://b.hatena.ne.jp/entry/image/https://e0166.blog.fc2.com/blog-entry-326.html" alt="はてなブックマーク - 『10のJavaScript、Axaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳" title="はてなブックマーク - 『10のJavaScript、Axaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/e0166.blog.fc2.com/blog-entry-326.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 276 http://www.dhtmlgoodies.com/index.html 海外サイトのライブラリ nippai 2011-09-27T13:46:59Z Javascript javascript学習 <blockquote cite="http://www.dhtmlgoodies.com/index.html" title="A library of DHTML and Ajax scripts - DHTMLgoodies.com"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.dhtmlgoodies.com%2Findex.html" alt="" /> <a href="http://www.dhtmlgoodies.com/index.html">A library of DHTML and Ajax scripts - DHTMLgoodies.com</a></cite><p><a href="http://www.dhtmlgoodies.com/index.html"><img src="" alt="A library of DHTML and Ajax scripts - DHTMLgoodies.com" title="A library of DHTML and Ajax scripts - DHTMLgoodies.com" class="entry-image" /></a></p><p>- March, 28th, 2017: DHTML Chess for WordPress. DHTML Chess is now available as a WordPress plugin in a free and PRO version. Learn more. - January, 16th, 2017: LudoJS Progress Bar. Samples of progress bars in the LudoJS Javascript framework on my site ludojs.com. - January, 13th, 2017: DHTML Che...</p><p><a href="https://b.hatena.ne.jp/entry/www.dhtmlgoodies.com/index.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.dhtmlgoodies.com/index.html" alt="はてなブックマーク - A library of DHTML and Ajax scripts - DHTMLgoodies.com" title="はてなブックマーク - A library of DHTML and Ajax scripts - DHTMLgoodies.com" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.dhtmlgoodies.com/index.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 217 https://e0166.blog.fc2.com/blog-entry-307.html nippai 2011-09-27T13:46:59Z Javascript text <blockquote cite="https://e0166.blog.fc2.com/blog-entry-307.html" title="HTMLテーブルの行を見やすくするテーブルクロスJavaScript*ホームページを作る人のネタ帳"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fe0166.blog.fc2.com%2Fblog-entry-307.html" alt="" /> <a href="https://e0166.blog.fc2.com/blog-entry-307.html">HTMLテーブルの行を見やすくするテーブルクロスJavaScript*ホームページを作る人のネタ帳</a></cite><p><a href="https://e0166.blog.fc2.com/blog-entry-307.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7ef5daad18c03ab80b2e8f1e1cad61da545d0fb2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog-imgs-13.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200710112210.gif" alt="HTMLテーブルの行を見やすくするテーブルクロスJavaScript*ホームページを作る人のネタ帳" title="HTMLテーブルの行を見やすくするテーブルクロスJavaScript*ホームページを作る人のネタ帳" class="entry-image" /></a></p><p>»　Introducing Tablecloth テーブルクロスを導入する。 この記事がWEB関連のなかで話題になっていました。 はて・・テーブルクロス・・・。 何のことやらさっぱりだったんですが、使ってみるとなかなか素敵な動きをしてくれましたので記事に。 あなたのhtmlに2行のコードを加えたら・・・ By simply adding 2 lines of ...</p><p><a href="https://b.hatena.ne.jp/entry/s/e0166.blog.fc2.com/blog-entry-307.html"><img src="https://b.hatena.ne.jp/entry/image/https://e0166.blog.fc2.com/blog-entry-307.html" alt="はてなブックマーク - HTMLテーブルの行を見やすくするテーブルクロスJavaScript*ホームページを作る人のネタ帳" title="はてなブックマーク - HTMLテーブルの行を見やすくするテーブルクロスJavaScript*ホームページを作る人のネタ帳" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/e0166.blog.fc2.com/blog-entry-307.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 345 https://hyper-text.org/archives/2007/10/css_switch/ nippai 2011-09-27T13:46:59Z CSS Javascript effect <blockquote cite="https://hyper-text.org/archives/2007/10/css_switch/" title="CSS レイアウト切り替えスイッチ | WWW WATCH"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhyper-text.org%2Farchives%2F2007%2F10%2Fcss_switch%2F" alt="" /> <a href="https://hyper-text.org/archives/2007/10/css_switch/">CSS レイアウト切り替えスイッチ | WWW WATCH</a></cite><p><a href="https://hyper-text.org/archives/2007/10/css_switch/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/59a7b975ac13035bbcc014be01e058d230c97979/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fhyper-text.org%2Fstatic%2Fimg%2Fogp-image.png" alt="CSS レイアウト切り替えスイッチ | WWW WATCH" title="CSS レイアウト切り替えスイッチ | WWW WATCH" class="entry-image" /></a></p><p>Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレ... Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動...</p><p><a href="https://b.hatena.ne.jp/entry/s/hyper-text.org/archives/2007/10/css_switch/"><img src="https://b.hatena.ne.jp/entry/image/https://hyper-text.org/archives/2007/10/css_switch/" alt="はてなブックマーク - CSS レイアウト切り替えスイッチ | WWW WATCH" title="はてなブックマーク - CSS レイアウト切り替えスイッチ | WWW WATCH" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/hyper-text.org/archives/2007/10/css_switch/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 444 https://javascriptist.net/ 日本語のライブラリ nippai 2011-09-27T13:46:59Z Javascript javascript学習 <blockquote cite="https://javascriptist.net/" title="JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjavascriptist.net%2F" alt="" /> <a href="https://javascriptist.net/">JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ</a></cite><p><a href="https://javascriptist.net/"><img src="" alt="JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ" title="JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ" class="entry-image" /></a></p><p>サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開...</p><p><a href="https://b.hatena.ne.jp/entry/s/javascriptist.net/"><img src="https://b.hatena.ne.jp/entry/image/https://javascriptist.net/" alt="はてなブックマーク - JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ" title="はてなブックマーク - JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/javascriptist.net/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2279 https://coliss.com/articles/build-websites/operation/javascript/356.html nippai 2011-09-27T13:46:59Z javascript jquery <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/356.html" title="[JS]jQueryのプラグイン33+1選 -2007年9月 | コリス"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2F356.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/356.html">[JS]jQueryのプラグイン33+1選 -2007年9月 | コリス</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/356.html"><img src="" alt="[JS]jQueryのプラグイン33+1選 -2007年9月 | コリス" title="[JS]jQueryのプラグイン33+1選 -2007年9月 | コリス" class="entry-image" /></a></p><p>jQueryの定番から最近登場したものまで、プラグイン34選です。 Interface elements for jQuery インターフェイス関連、多種多様。 InnerFade with JQue</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/356.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/356.html" alt="はてなブックマーク - [JS]jQueryのプラグイン33+1選 -2007年9月 | コリス" title="はてなブックマーク - [JS]jQueryのプラグイン33+1選 -2007年9月 | コリス" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/356.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 234 https://phpspot.org/blog/archives/2007/11/apple3djs.html nippai 2011-09-27T13:46:59Z Javascript effect <blockquote cite="https://phpspot.org/blog/archives/2007/11/apple3djs.html" title="Appleサイトの画像っぽく3Dで鏡面反射画像を作るJSライブラリ:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2007%2F11%2Fapple3djs.html" alt="" /> <a href="https://phpspot.org/blog/archives/2007/11/apple3djs.html">Appleサイトの画像っぽく3Dで鏡面反射画像を作るJSライブラリ:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2007/11/apple3djs.html"><img src="" alt="Appleサイトの画像っぽく3Dで鏡面反射画像を作るJSライブラリ:phpspot開発日誌" title="Appleサイトの画像っぽく3Dで鏡面反射画像を作るJSライブラリ:phpspot開発日誌" class="entry-image" /></a></p><p>Ajaxorized 3d image reflection with javascript week, this week an image reflection script, using unobtrusive javascript. Appleサイトの画像っぽく3Dで鏡面反射画像を作るJSライブラリ。 画像に次のようなエフェクトをかけることが可能です。 使い方は簡単で、次のように３ステップ。 prototype.js、scriptaculou...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2007/11/apple3djs.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2007/11/apple3djs.html" alt="はてなブックマーク - Appleサイトの画像っぽく3Dで鏡面反射画像を作るJSライブラリ:phpspot開発日誌" title="はてなブックマーク - Appleサイトの画像っぽく3Dで鏡面反射画像を作るJSライブラリ:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2007/11/apple3djs.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 60 https://coliss.com/articles/build-websites/operation/javascript/599.html gradientは、画像を使用しないでブロック要素やインライン要素にグラデーションの背景を表示するスクリプト nippai 2011-09-27T13:46:59Z javascript effect <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/599.html" title="[JS]画像を使用しないでグラデーションを表現するスクリプト -gradient"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2F599.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/599.html">[JS]画像を使用しないでグラデーションを表現するスクリプト -gradient</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/599.html"><img src="" alt="[JS]画像を使用しないでグラデーションを表現するスクリプト -gradient" title="[JS]画像を使用しないでグラデーションを表現するスクリプト -gradient" class="entry-image" /></a></p><p>gradientは、画像を使用しないでブロック要素やインライン要素にグラデーションの背景を表示するスクリプトです。 gradient デモページ gradientはjQueryのプラグインで、動作にはjquery.jsとdimensions.jsが必要です。 キャプチャ画像は、gif画像のためモアレがでてグラデーションが汚いですが、実際はきれいなグラデー...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/599.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/599.html" alt="はてなブックマーク - [JS]画像を使用しないでグラデーションを表現するスクリプト -gradient" title="はてなブックマーク - [JS]画像を使用しないでグラデーションを表現するスクリプト -gradient" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/599.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 16 https://coliss.com/articles/build-websites/operation/javascript/594.html reflection.jsは、画像に3Dの鏡面効果を与えるPrototypeのプラグイン nippai 2011-09-27T13:46:59Z javascript effect <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/594.html" title="[JS]画像に3Dの鏡面効果を与えるスクリプト -reflection.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2F594.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/594.html">[JS]画像に3Dの鏡面効果を与えるスクリプト -reflection.js</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/594.html"><img src="" alt="[JS]画像に3Dの鏡面効果を与えるスクリプト -reflection.js" title="[JS]画像に3Dの鏡面効果を与えるスクリプト -reflection.js" class="entry-image" /></a></p><p>3d image reflection with javascript reflection.jsの動作には、prototype.jsとscriptaculous.jsが必要で、外部スクリプトとして使用します。 デモ：背景白 デモ：背景黒 鏡面効果を与える画像のコードは、下記のように記述します。 画像箇所 &lt;div id=&quot;holder&quot;&gt; &lt;img src=&quot;image.jpg&quot; /&gt; &lt;/div&gt; トリガー &lt;script type=...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/594.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/594.html" alt="はてなブックマーク - [JS]画像に3Dの鏡面効果を与えるスクリプト -reflection.js" title="はてなブックマーク - [JS]画像に3Dの鏡面効果を与えるスクリプト -reflection.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/594.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 14 http://loconet.web2.jp/ nippai 2011-09-27T13:46:59Z CSS Javascript <blockquote cite="http://loconet.web2.jp/" title="webデザイナーのナナメガキ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Floconet.web2.jp%2F" alt="" /> <a href="http://loconet.web2.jp/">webデザイナーのナナメガキ</a></cite><p><a href="http://loconet.web2.jp/"><img src="" alt="webデザイナーのナナメガキ" title="webデザイナーのナナメガキ" class="entry-image" /></a></p><p>webデザイナーのナナメガキ。webデザインに関して思うこと。xhtml+cssなどの備忘録。</p><p><a href="https://b.hatena.ne.jp/entry/loconet.web2.jp/"><img src="https://b.hatena.ne.jp/entry/image/http://loconet.web2.jp/" alt="はてなブックマーク - webデザイナーのナナメガキ" title="はてなブックマーク - webデザイナーのナナメガキ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/loconet.web2.jp/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 7 https://phpspot.org/blog/archives/2006/06/javascript_16.html nippai 2011-09-27T13:46:59Z Javascript <blockquote cite="https://phpspot.org/blog/archives/2006/06/javascript_16.html" title="JavaScriptでサクサク動くイメージギャラリー作成用ライブラリ:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F06%2Fjavascript_16.html" alt="" /> <a href="https://phpspot.org/blog/archives/2006/06/javascript_16.html">JavaScriptでサクサク動くイメージギャラリー作成用ライブラリ:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2006/06/javascript_16.html"><img src="" alt="JavaScriptでサクサク動くイメージギャラリー作成用ライブラリ:phpspot開発日誌" title="JavaScriptでサクサク動くイメージギャラリー作成用ライブラリ:phpspot開発日誌" class="entry-image" /></a></p><p>タスクボタンのマウスオーバーでタスクの縮小画像を表示「Visual Task Ti... 次の記事 ≫：Ajax+PHP+Smarty+script.aculo.usなデータグリッドコンポーネント Gallery scripts - A library of DHTML and AJAX scripts - DHTMLgoodies.com Another Image gallery script. Thumnbails are listed inside a box at the left. ...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2006/06/javascript_16.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2006/06/javascript_16.html" alt="はてなブックマーク - JavaScriptでサクサク動くイメージギャラリー作成用ライブラリ:phpspot開発日誌" title="はてなブックマーク - JavaScriptでサクサク動くイメージギャラリー作成用ライブラリ:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2006/06/javascript_16.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 86 https://blog.webcreativepark.net/2007/11/16-012253.html nippai 2011-09-27T13:46:59Z Javascript effect <blockquote cite="https://blog.webcreativepark.net/2007/11/16-012253.html" title="footerをウィンドウ下部に固定する『footerFixed.js』"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.webcreativepark.net%2F2007%2F11%2F16-012253.html" alt="" /> <a href="https://blog.webcreativepark.net/2007/11/16-012253.html">footerをウィンドウ下部に固定する『footerFixed.js』</a></cite><p><a href="https://blog.webcreativepark.net/2007/11/16-012253.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/88d363f47a27014e852468418fcf8b366208e92b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png" alt="footerをウィンドウ下部に固定する『footerFixed.js』" title="footerをウィンドウ下部に固定する『footerFixed.js』" class="entry-image" /></a></p><p>footerをウィンドウ下部に固定する『footerFixed.js』 footer部分を画面下部に固定するためのjsライブラリ『footerFixed.js』を作成しました。 フッターをコンテンツの内容量にかかわらずwindow下部に表示させるためのjsライブラリです。 サンプル 設置方法は head要素なのでfooterFixed.jsを読み込みます。 &lt;script typ...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.webcreativepark.net/2007/11/16-012253.html"><img src="https://b.hatena.ne.jp/entry/image/https://blog.webcreativepark.net/2007/11/16-012253.html" alt="はてなブックマーク - footerをウィンドウ下部に固定する『footerFixed.js』" title="はてなブックマーク - footerをウィンドウ下部に固定する『footerFixed.js』" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.webcreativepark.net/2007/11/16-012253.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 272 https://coliss.com/articles/build-websites/operation/javascript/329.html reflex.jsは、画像にクラスを指定するだけで鏡面の反射効果や立体効果を表現できるスクリプト nippai 2011-09-27T13:46:59Z javascript effect <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/329.html" title="[JS]画像に鏡面効果を与えるスクリプト -reflex.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2F329.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/329.html">[JS]画像に鏡面効果を与えるスクリプト -reflex.js</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/329.html"><img src="" alt="[JS]画像に鏡面効果を与えるスクリプト -reflex.js" title="[JS]画像に鏡面効果を与えるスクリプト -reflex.js" class="entry-image" /></a></p><p>reflex.jsは、画像にクラスを指定するだけで鏡面の反射効果や立体効果を表現できるスクリプトです。 reflex.js 実装は、簡単でreflex.jsを外部ファイルとして指定し、画像にクラスを指定するだけで実装できます。 クラス指定によって、角度調整などが行えます。 JavaScript、CSSオフだと通常の画像が表示になります。</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/329.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/329.html" alt="はてなブックマーク - [JS]画像に鏡面効果を与えるスクリプト -reflex.js" title="はてなブックマーク - [JS]画像に鏡面効果を与えるスクリプト -reflex.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/329.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 21 https://coliss.com/articles/build-websites/operation/javascript/580.html 複数の画像を少ない領域で、回転式のカルーセルのようにスライドして表示 nippai 2011-09-27T13:46:59Z javascript gallery slider <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/580.html" title="[JS]次々に画像を表示できる回転式のカルーセルスクリプト -Prototype Carousel"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2F580.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/580.html">[JS]次々に画像を表示できる回転式のカルーセルスクリプト -Prototype Carousel</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/580.html"><img src="" alt="[JS]次々に画像を表示できる回転式のカルーセルスクリプト -Prototype Carousel" title="[JS]次々に画像を表示できる回転式のカルーセルスクリプト -Prototype Carousel" class="entry-image" /></a></p><p>Prototype Carouselは、複数の画像を少ない領域で、回転式のカルーセルのようにスライドして表示することができるスクリプトです。 Prototype Carousel Prototype Carouselは、Prototypeのプラグインで、動作にはprototype.jsとscriptaculous.jsが必要です。 script.aculo.us デモでは、スタティック版とAJAX版があります。</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/580.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/580.html" alt="はてなブックマーク - [JS]次々に画像を表示できる回転式のカルーセルスクリプト -Prototype Carousel" title="はてなブックマーク - [JS]次々に画像を表示できる回転式のカルーセルスクリプト -Prototype Carousel" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/580.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 15 http://journal.mycom.co.jp/articles/2007/10/18/zoomi/index.html Zoomi nippai 2011-09-27T13:46:59Z javascript effect <blockquote cite="http://journal.mycom.co.jp/articles/2007/10/18/zoomi/index.html" title="【ハウツー】ゼロからはじめるZoomi -単純だけど面白い!スクリプト要らずのWeb画像拡大術 (1) ゼロからはじめるZoomi -単純だけど面白い!スクリプト要らずのWeb画像拡大術 | パソコン | マイコミ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fjournal.mycom.co.jp%2Farticles%2F2007%2F10%2F18%2Fzoomi%2Findex.html" alt="" /> <a href="http://journal.mycom.co.jp/articles/2007/10/18/zoomi/index.html">【ハウツー】ゼロからはじめるZoomi -単純だけど面白い!スクリプト要らずのWeb画像拡大術 (1) ゼロからはじめるZoomi -単純だけど面白い!スクリプト要らずのWeb画像拡大術 | パソコン | マイコミ</a></cite><p><a href="http://journal.mycom.co.jp/articles/2007/10/18/zoomi/index.html"><img src="" alt="【ハウツー】ゼロからはじめるZoomi -単純だけど面白い!スクリプト要らずのWeb画像拡大術 (1) ゼロからはじめるZoomi -単純だけど面白い!スクリプト要らずのWeb画像拡大術 | パソコン | マイコミ" title="【ハウツー】ゼロからはじめるZoomi -単純だけど面白い!スクリプト要らずのWeb画像拡大術 (1) ゼロからはじめるZoomi -単純だけど面白い!スクリプト要らずのWeb画像拡大術 | パソコン | マイコミ" class="entry-image" /></a></p><p>Zoomiとは？ Zoomiは、サムネール画像にマウスが重なったときに拡大画像を表示するというライブラリです。 サムネール画像上にマウスを重ねると迅速に拡大画像が表示される より正確に説明すると、サムネール画像と、拡大時に表示する画像の2種類を用意しておき、マウスがサムネール画像に重なった際に拡大時画像を表示...</p><p><a href="https://b.hatena.ne.jp/entry/journal.mycom.co.jp/articles/2007/10/18/zoomi/index.html"><img src="https://b.hatena.ne.jp/entry/image/http://journal.mycom.co.jp/articles/2007/10/18/zoomi/index.html" alt="はてなブックマーク - 【ハウツー】ゼロからはじめるZoomi -単純だけど面白い!スクリプト要らずのWeb画像拡大術 (1) ゼロからはじめるZoomi -単純だけど面白い!スクリプト要らずのWeb画像拡大術 | パソコン | マイコミ" title="はてなブックマーク - 【ハウツー】ゼロからはじめるZoomi -単純だけど面白い!スクリプト要らずのWeb画像拡大術 (1) ゼロからはじめるZoomi -単純だけど面白い!スクリプト要らずのWeb画像拡大術 | パソコン | マイコミ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/journal.mycom.co.jp/articles/2007/10/18/zoomi/index.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 9 https://www.popxpop.com/archives/2007/08/javascriptajax.html nippai 2011-09-27T13:46:59Z Javascript javascript学習 <blockquote cite="https://www.popxpop.com/archives/2007/08/javascriptajax.html" title="Javascript＆Ajaxの小技をまとめた便利サイトいろいろ | P O P * P O P"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.popxpop.com%2Farchives%2F2007%2F08%2Fjavascriptajax.html" alt="" /> <a href="https://www.popxpop.com/archives/2007/08/javascriptajax.html">Javascript＆Ajaxの小技をまとめた便利サイトいろいろ | P O P * P O P</a></cite><p><a href="https://www.popxpop.com/archives/2007/08/javascriptajax.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/498dabe332a83624f1f401d964f317b85a098f28/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fwww.popxpop.com%2Farchives%2F2007%2F08%2F01%2Fajax_1.gif" alt="Javascript＆Ajaxの小技をまとめた便利サイトいろいろ | P O P * P O P" title="Javascript＆Ajaxの小技をまとめた便利サイトいろいろ | P O P * P O P" class="entry-image" /></a></p><p>自分用のメモも兼ねてエントリー。JavascriptやらAjaxやらで何かやりたいときに便利そうなリンク集のまとめです。 Javascript Libraries 主要なライブラリーとエフェクト用の拡張機能、その他ツールなどです。まずはこちらからいろいろ試してみるのがよさげですね。 » Javascript Libraries Ajax Rain Ajaxの小技いろい...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.popxpop.com/archives/2007/08/javascriptajax.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.popxpop.com/archives/2007/08/javascriptajax.html" alt="はてなブックマーク - Javascript＆Ajaxの小技をまとめた便利サイトいろいろ | P O P * P O P" title="はてなブックマーク - Javascript＆Ajaxの小技をまとめた便利サイトいろいろ | P O P * P O P" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.popxpop.com/archives/2007/08/javascriptajax.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 442 https://coliss.com/articles/build-websites/operation/javascript/602.html アコーディオンの開閉時にもフェード効果 nippai 2011-09-27T13:46:59Z javascript menu <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/602.html" title="[JS]動きが軽快なアコーディオンタイプのナビゲーション -Mootools menu"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2F602.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/602.html">[JS]動きが軽快なアコーディオンタイプのナビゲーション -Mootools menu</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/602.html"><img src="" alt="[JS]動きが軽快なアコーディオンタイプのナビゲーション -Mootools menu" title="[JS]動きが軽快なアコーディオンタイプのナビゲーション -Mootools menu" class="entry-image" /></a></p><p>Mootools menuは、スムーズにアニメーションする動きが快適なアコーディオンタイプのナビゲーションのスクリプトです。 Mootools menu with accordeon and effects アコーディオンの開閉時にもフェード効果があり、よい演出だと思いました。 ナビゲーションの階層表現(デモのgraphic design-custom designでレベル3)の見...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/602.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/602.html" alt="はてなブックマーク - [JS]動きが軽快なアコーディオンタイプのナビゲーション -Mootools menu" title="はてなブックマーク - [JS]動きが軽快なアコーディオンタイプのナビゲーション -Mootools menu" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/602.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 11 https://coliss.com/articles/build-websites/operation/javascript/638.html nippai 2011-09-27T13:46:59Z javascript jquery <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/638.html" title="[JS]jQueryのプラグイン33+1選 -2007年11月 | コリス"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2F638.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/638.html">[JS]jQueryのプラグイン33+1選 -2007年11月 | コリス</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/638.html"><img src="" alt="[JS]jQueryのプラグイン33+1選 -2007年11月 | コリス" title="[JS]jQueryのプラグイン33+1選 -2007年11月 | コリス" class="entry-image" /></a></p><p>当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/638.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/638.html" alt="はてなブックマーク - [JS]jQueryのプラグイン33+1選 -2007年11月 | コリス" title="はてなブックマーク - [JS]jQueryのプラグイン33+1選 -2007年11月 | コリス" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/638.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 297 https://www.openvista.jp/archives/note/186/?186/ nippai 2011-09-27T13:46:59Z javascript text <blockquote cite="https://www.openvista.jp/archives/note/186/?186/" title="https://www.openvista.jp/archives/note/186/?186/"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.openvista.jp%2Farchives%2Fnote%2F186%2F%3F186%2F" alt="" /> <a href="https://www.openvista.jp/archives/note/186/?186/">https://www.openvista.jp/archives/note/186/?186/</a></cite><p><a href="https://www.openvista.jp/archives/note/186/?186/"><img src="" alt="https://www.openvista.jp/archives/note/186/?186/" title="https://www.openvista.jp/archives/note/186/?186/" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/www.openvista.jp/archives/note/186/?186/"><img src="https://b.hatena.ne.jp/entry/image/https://www.openvista.jp/archives/note/186/?186/" alt="はてなブックマーク - https://www.openvista.jp/archives/note/186/?186/" title="はてなブックマーク - https://www.openvista.jp/archives/note/186/?186/" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.openvista.jp/archives/note/186/?186/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 7