[JS]動きが軽快なアコーディオンタイプのナビゲーション -Mootools menu
Mootools menuは、スムーズにアニメーションする動きが快適なアコーディオンタイプのナビゲーションのスクリプトです。 Mootools menu with accordeon and effects アコーディオンの開閉時にもフェード効果があり、よい演出だと思いました。 ナビゲーションの階層表現(デモのgraphic design-custom designでレベル3)の見た目が同じなので、インデントや色・形などで見た目に変化をつけないとちょっと分かりづらいかもしれません。 Mootools menuはmootoolsのプラグインで、動作にはmootools.jsが必要です。
Kwicks for jQuery
Kwicks for jQuery (v2.2.1)Welcome to the Kwicks for jQuery home page. Kwicks is a plugin providing sexy sliding panels with an emphasis on navigational interaction. Kwicks was originally a port of a MooTools effect (of the same name), but has since evolved into a highly configurable and versatile UI component. Please check out the examples to see it in action. New in v2.2.1This is a patch release
バナーのローテーション表示を JavaScript で！ - codess - builder by ZDNet Japan
アフィリエイトなどで利用するバナー広告は、通常、１つの広告枠（広告表示領域）に１つの広告しか表示できません。 （Flashバナーでは、この枠にとらわれないものもありますが） 「複数の商品のバナー広告を掲載したいんだけど、広告枠はこれ以上広げたくない！」 こんなときに役立つテクニックが、バナーのローテーション表示です。 簡単に説明すると、１つの広告枠に次々と色々な広告を表示していく方法です。 この方法はページスクロールが発生しない（させない構成の）ページにとても有効です。 狭い領域を有効に活用しましょう！ 簡単なサンプルを作成しましたので、参考にどうぞ。 実装は JavaScript (prototype.js利用) で行っています。 詳細についてはサンプルページのソースコードをご覧ください。 サンプルページ ※このエントリは builder メンバーにより投稿されたものです。シーネットネッ
速度で選ぶ次世代ブラウザー IE 8だけじゃない (1/4)
sponsored 「27型＋WQHD＋240Hz」ならヌルヌル動いて最高の没入感！ 「VX2728J2-2K-7」があなたのゲームプレイを最高レベルに押し上げる sponsored JN-IPS238U-C6をレビュー 稀少な23.8型4Kディスプレー、USB Type-C給電とKVM機能付きで3万円台前半は買い sponsored 北海道から世界へ！ 若き経営者兼レーサーがBIGLOBE光10ギガタイプを得て長年の夢に挑戦！ sponsored “兼任担当者”にも分かりやすく、キヤノンMJの「セキュリティソリューションガイド」 中堅・中小企業のセキュリティ強化、まず何から始めればいい？ 悩みに答える無料のガイドブック sponsored 「安い個人向けプランで十分」「ファイルサーバーからの移行は大変」「同時編集できない」……？ それ、誤解です！ クラウドストレージのよくあるウワサをファ
jQuery用プラグイン「jquery.suggest」を使って入力補完機能を実装してみる
こんにちは。サイフをなくしてヘコんでいる松田です。 今回はトレイン・トレインで使用することになった、入力補完ライブラリ「jquery.suggest」を使ってみたいと思います。 入力補完機能とは、テキストフィールドにある程度文字を入力すると、その文字が含まれた単語のリストを表示してくれるという機能です。サジェスト機能とも呼ばれます。 Googleサジェストを使ってみればどんなものか分かると思います。 「javascript suggest」などで検索してみると、 ・suggest.js ・AjaxAutoSuggest ・jquery.suggest などなど、いくつか候補が出てきます。 この中から選別したわけですが、suggest.jsはサーバーと通信を行わなずに、最初に読み込んだリストから取り出すだけなのでダメ、AjaxAutoSuggestはデザインが凝り過ぎでトレイントレインの雰囲
[JS]わずか4KBの超軽量の画像ギャラリーのスクリプト -slide.js
leigeberのエントリーから、スムーズにスクロールするサムネイルから拡大画像を表示する画像ギャラリーのスクリプトを紹介します。 Dynamic Image Gallery and Slideshow デモ slide.jsはjQueryやPrototypeなど他のスクリプトに依存することなく単独で動作するスクリプトで、動作環境はIE6/IE7, FF, Opera and Safariとなっています。 サムネイルはリスト要素となっており、オプションでは「拡大画像の格納場所の指定」「拡大画像の拡張子の設定」「スピード」などを設定することができます。
超簡単な画像ズームエフェクトjavascript「zoomi」
画像を使用することの多いWebでは、見せ方に工夫することが必要になります。 昨今、LightBoxをはじめとするツールが多くなりましたが、導入が面倒でした。 今回紹介するzoomiは、ほとんと手間をかけずに画像をズームさせるエフェクトをjavascriptでつけることができます。 sponsors 使用方法 zoomiからzoomi.jsを、jQueryからjquery.jsをダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/zoomi.js" type="text/javascript"></script> 上記のようにjavascriptを記述したら、あとは対象となるimgにclass="zoomi"を付
jQuery 642 プラグイン：skuare.net
jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト／リンク関連、その他、日本語未解説のjQueryプラグインを分類して紹介しています。 初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP
jQuery examples
jQuery examples # example update star comment link 1 curvyCorners 20080123 3 角丸 curvyCorners の jQuery版 * 3 tabs-simple 20080123 4 最もシンプルなタブ * 4 jdNewsScroll 20080123 4 リストをスクロール表示 * 5 columnizeList 20080123 4 list を table のように表示 * 6 toggleElements 20080123 4 任意の要素を開閉 * 7 styleswitch 20080123 4 style の切り替え * 8 tooltip 20080123 4 シンプル * 9 autogrow 20080123 4 textarea の高さを自動調整 * 10 lightbox 20080123
GoogleのAjax APIを使ってフィード処理と検索をしてみよう | Moz - SEOとインバウンドマーケティングの実践情報
僕がCEOを務めているStone Temple Consultingでは、「Google AJAX 検索 API」と「Google AJAX フィード API」を使って少し遊んでみた。これらは、ウェブサイトに動的コンテンツを埋め込むためのすばらしいツールだ。 今回の記事では、この2つのAPIを使ってサイトにコンテンツを埋め込む方法を説明しようと思う。 Google AJAX フィード APIこれは、よそのサイトから（RSSやAtomなどの）フィードを取得してコンテンツを抽出し、それを自分のサイトに埋め込めるようにするGoogleのAPIだ。フィード管理ウィザードの使い方などは開発ガイドから参照できる。 Google AJAX フィード APIがどのように機能するのかを理解してもらうために、Web担から最近の記事を表示するサンプルを作ってみよう。次のようになる。 ブログのあるサイトだけでなく
호스팅 사용 기간 만료 | 카페24
사용하고 있는 호스팅 서비스 이용기간이 만료되었습니다. 궁금한 점은 카페24 호스팅센터 고객센터로 문의해주세요. Sorry, Your hosting service subscription has expired. If you have any questions, please contact us through the Cafe24 Hosting customer support center.
[Think IT] 【これならわかる！JavaScript/Ajax】やりなおしのJavaScript 第1回：そろそろ本気で学びませんか？ (1/3)
画面の一部を瞬時に切り替える方法 JavaScriptを勉強したいけど、プログラム構造がよく分からなくて、なんとなく使っている人は多いのではないかと思います。市販の本やWebサイトにはJavaScriptのサンプルがたくさん載っているので、必要なところをコピー＆ペーストしてしまうと、JavaScriptの文法が分からなくても動いてしまいます。 しかし、このような使い方をしていると、JavaScriptサンプルを少しだけ修正したいという時に対応できなくなります。これでは「JavaScriptを使える」とは言えませんよね。 そこで、本連載では、JavaScriptをもう一度やり直したい方々のために、勉強の切り口を変えて紹介していきましょう。 最初のトピックでは、JavaScriptを使ってHTMLのコンテンツを入れ替える方法について紹介してます。この技術は、最近話題になっているAjaxのベース
Exceptional Ajax/javascript Techniques (Recently Created) - noupe
In this article we’d like to present a list of over 30 hand-picked Ajax and javascript techniques you can use to achieve some special visual effects in your designs. The best thing about this list is how fresh it is, you might have seen some of it but we guarantee not all. jQuery, Mootools, Prototype and script.aculo.us are used in these examples, so every taste has its demos served. You might be
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
» 10 Javascript Accordion Scripts
dev.iralog.net is Expired or Suspended.
caraldo.net - it転職 リソースおよび情報
自動計算方法 - 教えて！goo
[JS]iPodのようにパネルを次々とスライドできるスクリプト
UIパターンいろいろ - DesignWalker
http://worcesterwideweb.com/jquery/wizard/