https://b.hatena.ne.jp/buchi39/javascript/ javascriptに関するbuchi39のはてなブックマーク (58) https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-pageswitch.html ページ遷移 buchi39 2010-11-25T04:54:29Z javascript jquery plugin スクロール プラグイン 242 <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-pageswitch.html" title="[JS]ページ遷移にフェードやスクロールのアニメーションを加えるスクリプト -Pageswitch"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjquery-plugin-pageswitch.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-pageswitch.html">[JS]ページ遷移にフェードやスクロールのアニメーションを加えるスクリプト -Pageswitch</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-pageswitch.html"><img src="" alt="[JS]ページ遷移にフェードやスクロールのアニメーションを加えるスクリプト -Pageswitch" title="[JS]ページ遷移にフェードやスクロールのアニメーションを加えるスクリプト -Pageswitch" class="entry-image" /></a></p><p>リンクをクリックしてページを遷移する際に、フェードやスクロールのアニメーションを加えるスクリプトを紹介します。 デモページ Pageswitchの実装 実装は簡単です。 HTML 既存のHTMLに、特に手を加える必要はありません。 idに使用している「example」は適当なものに変更できます。 &lt;div id=&quot;example&quot;&gt; &lt;a href=&quot;//col...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-pageswitch.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-pageswitch.html" alt="はてなブックマーク - [JS]ページ遷移にフェードやスクロールのアニメーションを加えるスクリプト -Pageswitch" title="はてなブックマーク - [JS]ページ遷移にフェードやスクロールのアニメーションを加えるスクリプト -Pageswitch" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-pageswitch.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://baijs.com/tinycircleslider/ 円形のスライダーで画像を切り替えていくためのjQueryプラグイン『Tiny Circleslider』 くるくる回ってスライド buchi39 2010-11-18T01:26:17Z javascript jquery navigation webdesign 108 <blockquote cite="https://baijs.com/tinycircleslider/" title="Tiny Circleslider: A lightweight cross browser circular carousel."><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fbaijs.com%2Ftinycircleslider%2F" alt="" /> <a href="https://baijs.com/tinycircleslider/">Tiny Circleslider: A lightweight cross browser circular carousel.</a></cite><p><a href="https://baijs.com/tinycircleslider/"><img src="" alt="Tiny Circleslider: A lightweight cross browser circular carousel." title="Tiny Circleslider: A lightweight cross browser circular carousel." class="entry-image" /></a></p><p>What is it? Tinycircleslider is a circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library.</p><p><a href="https://b.hatena.ne.jp/entry/s/baijs.com/tinycircleslider/"><img src="https://b.hatena.ne.jp/entry/image/https://baijs.com/tinycircleslider/" alt="はてなブックマーク - Tiny Circleslider: A lightweight cross browser circular carousel." title="はてなブックマーク - Tiny Circleslider: A lightweight cross browser circular carousel." border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/baijs.com/tinycircleslider/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://e0166.blog.fc2.com/blog-entry-816.html はやりのjQueryまとめ buchi39 2010-11-17T01:42:06Z design javascript jquery plugin 1675 <blockquote cite="https://e0166.blog.fc2.com/blog-entry-816.html" title="jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fe0166.blog.fc2.com%2Fblog-entry-816.html" alt="" /> <a href="https://e0166.blog.fc2.com/blog-entry-816.html">jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳</a></cite><p><a href="https://e0166.blog.fc2.com/blog-entry-816.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0861007ea84c2a4f865e9c03b5a3a392081fc040/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog-imgs-43.fc2.com%2Fe%2F0%2F1%2Fe0166%2F201011162121.jpg" alt="jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳" title="jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳" class="entry-image" /></a></p><p>もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 ...</p><p><a href="https://b.hatena.ne.jp/entry/s/e0166.blog.fc2.com/blog-entry-816.html"><img src="https://b.hatena.ne.jp/entry/image/https://e0166.blog.fc2.com/blog-entry-816.html" alt="はてなブックマーク - jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳" title="はてなブックマーク - jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/e0166.blog.fc2.com/blog-entry-816.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.u-ziq.com/blog/2010/11/jquery_mobile.html jQuery Mobileを利用したスマートフォンサイト作成手順 buchi39 2010-11-12T04:59:25Z iphone javascript jquery mobile plugin smartphone 93 <blockquote cite="https://www.u-ziq.com/blog/2010/11/jquery_mobile.html" title="jQuery Mobileを利用したスマートフォンサイト作成手順 | ユージック"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.u-ziq.com%2Fblog%2F2010%2F11%2Fjquery_mobile.html" alt="" /> <a href="https://www.u-ziq.com/blog/2010/11/jquery_mobile.html">jQuery Mobileを利用したスマートフォンサイト作成手順 | ユージック</a></cite><p><a href="https://www.u-ziq.com/blog/2010/11/jquery_mobile.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fa82ac3ec4f39d4f31e2aa156397c17d33699e3c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.u-ziq.com%2Fwp-uziq%2Fwp-content%2Fuploads%2F2023%2F07%2Fsite-icon-uziq.png" alt="jQuery Mobileを利用したスマートフォンサイト作成手順 | ユージック" title="jQuery Mobileを利用したスマートフォンサイト作成手順 | ユージック" class="entry-image" /></a></p><p>jQuery Mobileを利用したスマートフォンサイト作成手順 更新日：2010年11月6日｜公開日：2010年11月6日 jQuery Mobileを利用してスマートフォンサイト作成してみたので、手順を覚書として書いておきます。 ちなみにまだ正式版ではなく、アルファ版となります。※2010年11月現在 現在のバージョンなどは下記の本家サイトよ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.u-ziq.com/blog/2010/11/jquery_mobile.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.u-ziq.com/blog/2010/11/jquery_mobile.html" alt="はてなブックマーク - jQuery Mobileを利用したスマートフォンサイト作成手順 | ユージック" title="はてなブックマーク - jQuery Mobileを利用したスマートフォンサイト作成手順 | ユージック" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.u-ziq.com/blog/2010/11/jquery_mobile.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://letteringjs.com/ 文字ごとに細かいスタイルを指定したいときに使えるjQueryプラグイン『Lettering.js』 buchi39 2010-11-02T06:08:14Z jquery typography javascript webdesign design web css 84 <blockquote cite="https://letteringjs.com/" title="Lettering.js - A jQuery plugin for radical web typography."><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fletteringjs.com%2F" alt="" /> <a href="https://letteringjs.com/">Lettering.js - A jQuery plugin for radical web typography.</a></cite><p><a href="https://letteringjs.com/"><img src="" alt="Lettering.js - A jQuery plugin for radical web typography." title="Lettering.js - A jQuery plugin for radical web typography." class="entry-image" /></a></p><p>Features + Uses Web type is exploding all over the web but CSS currently doesn&#39;t offer complete down-to-the-letter control. So we created a jQuery plugin to give you that control. Here are a few examples of what can easily be done with Lettering.js:</p><p><a href="https://b.hatena.ne.jp/entry/s/letteringjs.com/"><img src="https://b.hatena.ne.jp/entry/image/https://letteringjs.com/" alt="はてなブックマーク - Lettering.js - A jQuery plugin for radical web typography." title="はてなブックマーク - Lettering.js - A jQuery plugin for radical web typography." border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/letteringjs.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://dropr.com/ buchi39 2010-10-30T11:57:52Z design html5 inspiration javascript web webdesign 50 <blockquote cite="https://dropr.com/" title="Dropr"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdropr.com%2F" alt="" /> <a href="https://dropr.com/">Dropr</a></cite><p><a href="https://dropr.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/63f48f1bbce726ca005a5131002f5dc3e87cd76d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdropr.com%2Fstatik%2Fmain%2Fimages%2Fdropr_thumb.png" alt="Dropr" title="Dropr" class="entry-image" /></a></p><p>This was the home of Dropr, a leading art sharing platform. We thank the artists that shared millions of pieces of work from 2009 to 2020. We paved the ground for a global digital art revolution that will flourish in the years to come.</p><p><a href="https://b.hatena.ne.jp/entry/s/dropr.com/"><img src="https://b.hatena.ne.jp/entry/image/https://dropr.com/" alt="はてなブックマーク - Dropr" title="はてなブックマーク - Dropr" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/dropr.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.steamdev.com/imgr/ IEでも動作する画像を超簡単に角丸化できるjQueryプラグイン「IMGr」 $("imageElement").imgr(); と唱えるだけでクロスブラウザで画像の角を丸くすることが可能です。 $("imageElement").imgr( optoins ); でradiusやサイズ、色のカスタマイズが buchi39 2010-10-22T20:31:31Z javascript jquery plugin webdesign 角丸 35 <blockquote cite="http://www.steamdev.com/imgr/" title="steamdev.com"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.steamdev.com%2Fimgr%2F" alt="" /> <a href="http://www.steamdev.com/imgr/">steamdev.com</a></cite><p><a href="http://www.steamdev.com/imgr/"><img src="" alt="steamdev.com" title="steamdev.com" class="entry-image" /></a></p><p>We’re getting things ready Loading your experience… This won’t take long.</p><p><a href="https://b.hatena.ne.jp/entry/www.steamdev.com/imgr/"><img src="https://b.hatena.ne.jp/entry/image/http://www.steamdev.com/imgr/" alt="はてなブックマーク - steamdev.com" title="はてなブックマーク - steamdev.com" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.steamdev.com/imgr/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://biwako-koyo.com/ 多田屋ぽいけどjQueryみたい buchi39 2010-10-22T16:00:32Z design japan javascript webdesign 和風 jquery 68 <blockquote cite="http://biwako-koyo.com/" title="びわ湖温泉 紅葉"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fbiwako-koyo.com%2F" alt="" /> <a href="http://biwako-koyo.com/">びわ湖温泉 紅葉</a></cite><p><a href="http://biwako-koyo.com/"><img src="" alt="びわ湖温泉 紅葉" title="びわ湖温泉 紅葉" class="entry-image" /></a></p><p>お食事 料亭で味わう 竹生 八景亭 近江の国 紅葉 レストランで味わう ANNEX KOYO レストラン湖彩 バンケットホール湖眺</p><p><a href="https://b.hatena.ne.jp/entry/biwako-koyo.com/"><img src="https://b.hatena.ne.jp/entry/image/http://biwako-koyo.com/" alt="はてなブックマーク - びわ湖温泉 紅葉" title="はてなブックマーク - びわ湖温泉 紅葉" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/biwako-koyo.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://kachibito.net/wordpress/custom/comments-and-trackback.html buchi39 2010-10-09T17:07:28Z wordpress jquery javascript 30 <blockquote cite="https://kachibito.net/wordpress/custom/comments-and-trackback.html" title="WordPressのコメントとトラックバックをjQueryでタブ分けするカスタマイズ法 - かちびと.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkachibito.net%2Fwordpress%2Fcustom%2Fcomments-and-trackback.html" alt="" /> <a href="https://kachibito.net/wordpress/custom/comments-and-trackback.html">WordPressのコメントとトラックバックをjQueryでタブ分けするカスタマイズ法 - かちびと.net</a></cite><p><a href="https://kachibito.net/wordpress/custom/comments-and-trackback.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5c6687a6f9d3f527d81477f0f0007f4ac698c6b2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2024%2F07%2Fsiteimg.png" alt="WordPressのコメントとトラックバックをjQueryでタブ分けするカスタマイズ法 - かちびと.net" title="WordPressのコメントとトラックバックをjQueryでタブ分けするカスタマイズ法 - かちびと.net" class="entry-image" /></a></p><p>この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 コメント頂いたので、記事にして みます。このブログで実装してい るような、コメントとトラバをタブ で分けるカスタマイズ法。方法は 多数あると思いますので参考 程度にして頂ければ...</p><p><a href="https://b.hatena.ne.jp/entry/s/kachibito.net/wordpress/custom/comments-and-trackback.html"><img src="https://b.hatena.ne.jp/entry/image/https://kachibito.net/wordpress/custom/comments-and-trackback.html" alt="はてなブックマーク - WordPressのコメントとトラックバックをjQueryでタブ分けするカスタマイズ法 - かちびと.net" title="はてなブックマーク - WordPressのコメントとトラックバックをjQueryでタブ分けするカスタマイズ法 - かちびと.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kachibito.net/wordpress/custom/comments-and-trackback.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://miracle-ysdesign.com/blog/javascript/409.html 簡単に画像や文字（要素）をクロスフェードで切り替える事が可能なjQueryのプラグイン buchi39 2010-09-28T13:27:34Z jquery plugin javascript 70 <blockquote cite="http://miracle-ysdesign.com/blog/javascript/409.html" title="http://miracle-ysdesign.com/blog/javascript/409.html"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fmiracle-ysdesign.com%2Fblog%2Fjavascript%2F409.html" alt="" /> <a href="http://miracle-ysdesign.com/blog/javascript/409.html">http://miracle-ysdesign.com/blog/javascript/409.html</a></cite><p><a href="http://miracle-ysdesign.com/blog/javascript/409.html"><img src="" alt="http://miracle-ysdesign.com/blog/javascript/409.html" title="http://miracle-ysdesign.com/blog/javascript/409.html" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/miracle-ysdesign.com/blog/javascript/409.html"><img src="https://b.hatena.ne.jp/entry/image/http://miracle-ysdesign.com/blog/javascript/409.html" alt="はてなブックマーク - http://miracle-ysdesign.com/blog/javascript/409.html" title="はてなブックマーク - http://miracle-ysdesign.com/blog/javascript/409.html" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/miracle-ysdesign.com/blog/javascript/409.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.fureai.or.jp/~irie/webquiz/ buchi39 2010-09-10T18:38:14Z japanese javascript web quiz 70 <blockquote cite="http://www.fureai.or.jp/~irie/webquiz/" title="WEB問題作成ツール"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.fureai.or.jp%2F~irie%2Fwebquiz%2F" alt="" /> <a href="http://www.fureai.or.jp/~irie/webquiz/">WEB問題作成ツール</a></cite><p><a href="http://www.fureai.or.jp/~irie/webquiz/"><img src="" alt="WEB問題作成ツール" title="WEB問題作成ツール" class="entry-image" /></a></p><p>ご迷惑をおかけしますが，しばらくお休みさせていただきます。 ご利用ありがとうございました。</p><p><a href="https://b.hatena.ne.jp/entry/www.fureai.or.jp/~irie/webquiz/"><img src="https://b.hatena.ne.jp/entry/image/http://www.fureai.or.jp/~irie/webquiz/" alt="はてなブックマーク - WEB問題作成ツール" title="はてなブックマーク - WEB問題作成ツール" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.fureai.or.jp/~irie/webquiz/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://tenderfeel.xsrv.jp/jquery/292/ イメージマップでTooltip表示 buchi39 2010-09-02T02:08:30Z jquery javascript l 29 <blockquote cite="https://tenderfeel.xsrv.jp/jquery/292/" title="[jQuery]イメージマップでTooltip表示するサンプル"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftenderfeel.xsrv.jp%2Fjquery%2F292%2F" alt="" /> <a href="https://tenderfeel.xsrv.jp/jquery/292/">[jQuery]イメージマップでTooltip表示するサンプル</a></cite><p><a href="https://tenderfeel.xsrv.jp/jquery/292/"><img src="" alt="[jQuery]イメージマップでTooltip表示するサンプル" title="[jQuery]イメージマップでTooltip表示するサンプル" class="entry-image" /></a></p><p>「イメージマップのホットスポットにマウスオーバーしたら説明表示出るように出来ない？」って言われて書いたやつ。 非表示にしてるブロック要素を表示してるだけなので、画像とかテキストとか割とフリーダムに出せる。 jQuery1.2.6用。 jQueryのマウスイベントには以下プロパティ提供されていて pageX/Y ： ページの左...</p><p><a href="https://b.hatena.ne.jp/entry/s/tenderfeel.xsrv.jp/jquery/292/"><img src="https://b.hatena.ne.jp/entry/image/https://tenderfeel.xsrv.jp/jquery/292/" alt="はてなブックマーク - [jQuery]イメージマップでTooltip表示するサンプル" title="はてなブックマーク - [jQuery]イメージマップでTooltip表示するサンプル" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/tenderfeel.xsrv.jp/jquery/292/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_tooltip buchi39 2010-09-01T17:35:16Z jquery javascript tools 64 <blockquote cite="http://f32.aaa.livedoor.jp/~azusa/?t=ajax&amp;p=jquery_plugin_tooltip" title="Ajax » jQuery plugin » ツールチップ | PHP &amp; JavaScript Room"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ff32.aaa.livedoor.jp%2F~azusa%2F%3Ft%3Dajax%26p%3Djquery_plugin_tooltip" alt="" /> <a href="http://f32.aaa.livedoor.jp/~azusa/?t=ajax&amp;p=jquery_plugin_tooltip">Ajax » jQuery plugin » ツールチップ | PHP &amp; JavaScript Room</a></cite><p><a href="http://f32.aaa.livedoor.jp/~azusa/?t=ajax&amp;p=jquery_plugin_tooltip"><img src="" alt="Ajax » jQuery plugin » ツールチップ | PHP &amp; JavaScript Room" title="Ajax » jQuery plugin » ツールチップ | PHP &amp; JavaScript Room" class="entry-image" /></a></p><p>PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説［CSS］jquery.cluetip.css ［JS］jquery.js v1.2.6、jquery.dimensions.js、jquery.hoverIntent.js、jquery.cluetip.js 外部ファイルを読み込んだり、いろいろなツールチップが実装できるjQueryプラグ...</p><p><a href="https://b.hatena.ne.jp/entry/f32.aaa.livedoor.jp/~azusa/?t=ajax&amp;p=jquery_plugin_tooltip"><img src="https://b.hatena.ne.jp/entry/image/http://f32.aaa.livedoor.jp/~azusa/?t=ajax&amp;p=jquery_plugin_tooltip" alt="はてなブックマーク - Ajax » jQuery plugin » ツールチップ | PHP &amp; JavaScript Room" title="はてなブックマーク - Ajax » jQuery plugin » ツールチップ | PHP &amp; JavaScript Room" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/f32.aaa.livedoor.jp/~azusa/?t=ajax&amp;p=jquery_plugin_tooltip"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.ideaxidea.com/archives/2010/08/ie-png-fix.html Internet Explore 6でも透過PNGを使う方法 buchi39 2010-08-27T23:09:31Z html image javascript tips ie6 77 <blockquote cite="https://www.ideaxidea.com/archives/2010/08/ie-png-fix.html" title="IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.ideaxidea.com%2Farchives%2F2010%2F08%2Fie-png-fix.html" alt="" /> <a href="https://www.ideaxidea.com/archives/2010/08/ie-png-fix.html">IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ</a></cite><p><a href="https://www.ideaxidea.com/archives/2010/08/ie-png-fix.html"><img src="" alt="IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ" title="IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2010/08/ie-png-fix.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.ideaxidea.com/archives/2010/08/ie-png-fix.html" alt="はてなブックマーク - IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ" title="はてなブックマーク - IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2010/08/ie-png-fix.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-magicline.html するっと移動するJS buchi39 2010-08-23T04:44:05Z javascript jquery navigation 44 <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-magicline.html" title="[JS]現在位置のハイライトをアニメーションで移動させるナビゲーション -MagicLine"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjquery-plugin-magicline.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-magicline.html">[JS]現在位置のハイライトをアニメーションで移動させるナビゲーション -MagicLine</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-magicline.html"><img src="" alt="[JS]現在位置のハイライトをアニメーションで移動させるナビゲーション -MagicLine" title="[JS]現在位置のハイライトをアニメーションで移動させるナビゲーション -MagicLine" class="entry-image" /></a></p><p>並列に配置されたナビゲーションの現在位置を明示したハイライトをアニメーションで移動させるスクリプトをCSS-Trickから紹介します。 jQuery MagicLine Navigation デモページ 現在位置を明示するサインは、ライン（キャプチャ：上）と背景（同：下）の2種類が用意されています。 また、背景は各ラベルでカラーが異なり...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-magicline.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-magicline.html" alt="はてなブックマーク - [JS]現在位置のハイライトをアニメーションで移動させるナビゲーション -MagicLine" title="はてなブックマーク - [JS]現在位置のハイライトをアニメーションで移動させるナビゲーション -MagicLine" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-magicline.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://css-tricks.com/jquery-magicline-navigation/ buchi39 2010-08-22T16:17:13Z code jquery javascript menu 45 <blockquote cite="https://css-tricks.com/jquery-magicline-navigation/" title="jQuery MagicLine Navigation | CSS-Tricks"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcss-tricks.com%2Fjquery-magicline-navigation%2F" alt="" /> <a href="https://css-tricks.com/jquery-magicline-navigation/">jQuery MagicLine Navigation | CSS-Tricks</a></cite><p><a href="https://css-tricks.com/jquery-magicline-navigation/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/152749afdb88a0d2422817f5eb56bd04e83ca750/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcss-tricks.com%2Fwp-content%2Fcsstricks-uploads%2Fmagiclineexample.png" alt="jQuery MagicLine Navigation | CSS-Tricks" title="jQuery MagicLine Navigation | CSS-Tricks" class="entry-image" /></a></p><p>These “sliding” style navigation bars have been around a while, I just thought I’d take a crack at doing it myself as the opportunity came up recently. Turns out it’s really pretty darn easy. I put two examples together for it. The Idea The idea is to have a highlight of some kind (a background o...</p><p><a href="https://b.hatena.ne.jp/entry/s/css-tricks.com/jquery-magicline-navigation/"><img src="https://b.hatena.ne.jp/entry/image/https://css-tricks.com/jquery-magicline-navigation/" alt="はてなブックマーク - jQuery MagicLine Navigation | CSS-Tricks" title="はてなブックマーク - jQuery MagicLine Navigation | CSS-Tricks" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/css-tricks.com/jquery-magicline-navigation/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.noupe.com/magazine/development/45-jquery-navigation-plugins-and-tutorials.html メニュー用のjquery buchi39 2010-08-22T15:21:57Z javascript jquery design css 72 <blockquote cite="https://www.noupe.com/magazine/development/45-jquery-navigation-plugins-and-tutorials.html" title="45 jQuery Navigation Plugins and Tutorials - noupe"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.noupe.com%2Fmagazine%2Fdevelopment%2F45-jquery-navigation-plugins-and-tutorials.html" alt="" /> <a href="https://www.noupe.com/magazine/development/45-jquery-navigation-plugins-and-tutorials.html">45 jQuery Navigation Plugins and Tutorials - noupe</a></cite><p><a href="https://www.noupe.com/magazine/development/45-jquery-navigation-plugins-and-tutorials.html"><img src="" alt="45 jQuery Navigation Plugins and Tutorials - noupe" title="45 jQuery Navigation Plugins and Tutorials - noupe" class="entry-image" /></a></p><p>By Paul Andrew As many of us know, the initial 15-20 seconds of a new user&#39;s visit to a web site will have a large impact on whether on not they are going to like or dislike the site, prompting them to decide whether they will stay or go. This means it&#39;s vital that you follow usability rules with...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.noupe.com/magazine/development/45-jquery-navigation-plugins-and-tutorials.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.noupe.com/magazine/development/45-jquery-navigation-plugins-and-tutorials.html" alt="はてなブックマーク - 45 jQuery Navigation Plugins and Tutorials - noupe" title="はてなブックマーク - 45 jQuery Navigation Plugins and Tutorials - noupe" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.noupe.com/magazine/development/45-jquery-navigation-plugins-and-tutorials.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/javascript/296.html ページナイスクロール　スムーズ buchi39 2010-08-20T04:00:02Z javascript jquery スクロール 659 <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/296.html" title="[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2F296.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/296.html">[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/296.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/75d1fc67136aae8adbc213a38a1a6b985377b4da/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png" alt="[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス" title="[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス" class="entry-image" /></a></p><p>以前、紹介した「Page Scroller」のバージョンアップ版「Page Scroller ver.3」の紹介です。 追記： 2013年10月26日 ver.3.0.9をリリース jQueryの旧版によるXSSに対応しました。 2011年5月4日 デモおよびダウンロードファイルをjQuery1.6に変更しました。 2011年1月31日 ver.3.0.8をリリース 機能を追加しました。 2010...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/296.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/296.html" alt="はてなブックマーク - [JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス" title="はてなブックマーク - [JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/296.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm スクロール　スムーズ　jquery buchi39 2010-08-20T03:58:11Z jquery javascript 38 <blockquote cite="http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm" title="Dynamic Drive DHTML scripts- jQuery Scroll to Top Control"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.dynamicdrive.com%2Fdynamicindex3%2Fscrolltop.htm" alt="" /> <a href="http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm">Dynamic Drive DHTML scripts- jQuery Scroll to Top Control</a></cite><p><a href="http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm"><img src="" alt="Dynamic Drive DHTML scripts- jQuery Scroll to Top Control" title="Dynamic Drive DHTML scripts- jQuery Scroll to Top Control" class="entry-image" /></a></p><p>Note: April 7th, 09&#39;. Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead. Also fixes scroll animation not working in Opera. Description: If your pages are long winded, it&#39;s a good idea to provide viewers with an easy way to quickly/ automatic...</p><p><a href="https://b.hatena.ne.jp/entry/www.dynamicdrive.com/dynamicindex3/scrolltop.htm"><img src="https://b.hatena.ne.jp/entry/image/http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm" alt="はてなブックマーク - Dynamic Drive DHTML scripts- jQuery Scroll to Top Control" title="はてなブックマーク - Dynamic Drive DHTML scripts- jQuery Scroll to Top Control" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.dynamicdrive.com/dynamicindex3/scrolltop.htm"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://phpspot.org/blog/archives/2010/07/post_485.html 机の上に写真を無造作に並べたような写真ギャラり buchi39 2010-07-25T13:16:06Z css3 gallery javascript jquery 写真 inspiration 26 <blockquote cite="https://phpspot.org/blog/archives/2010/07/post_485.html" title="机の上に写真を無造作に並べたような写真ギャラりー実装デモ:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2010%2F07%2Fpost_485.html" alt="" /> <a href="https://phpspot.org/blog/archives/2010/07/post_485.html">机の上に写真を無造作に並べたような写真ギャラりー実装デモ:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2010/07/post_485.html"><img src="" alt="机の上に写真を無造作に並べたような写真ギャラりー実装デモ:phpspot開発日誌" title="机の上に写真を無造作に並べたような写真ギャラりー実装デモ:phpspot開発日誌" class="entry-image" /></a></p><p>Interactive Photo Desk with jQuery and CSS3 | Codrops 机の上に写真を無造作に並べたような写真ギャラりー実装デモ。 jQueryとCSS3を使って次のようなドラッグ＆ドロップも可能なギャラリーを作ることが出来ます。 ソースのダウンロードも可能なので参考にしてみましょう。 Flashを使わずともこうしたことが出来るの...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2010/07/post_485.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2010/07/post_485.html" alt="はてなブックマーク - 机の上に写真を無造作に並べたような写真ギャラりー実装デモ:phpspot開発日誌" title="はてなブックマーク - 机の上に写真を無造作に並べたような写真ギャラりー実装デモ:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2010/07/post_485.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>