ワイプ処理 (wipeIn)
書式 dojo.lfx.html.wipeIn(nodes, duration, easing, callback) nodes : DOMノード。配列で複数指定可能。 duration : 処理にかかるミリ秒【省略可能】 easing : 表示方法／モーション指定【省略可能】 callback : コールバック関数【省略可能】 ワイプ処理で内容を表示させていくにはwipeIn()を使います。最初のパラメータはDOMノードを指定します。単独の場合は、そのままID名等を指定します。複数の領域を同時に処理したい場合にはDOMノードの配列を指定します。例えばdojo.lfx.html.wipeIn(["header", "content"], 1000).play();とするとID名がheaderとcontentの2つのブロックが同時にワイプ処理されます。 サンプルコード [実行] <!DOCT
ワイプ処理 (wipeOut)
書式 dojo.lfx.html.wipeOut(nodes, duration, easing, callback) nodes : DOMノード。配列で複数指定可能。 duration : 処理にかかるミリ秒【省略可能】 easing : 表示方法／モーション指定【省略可能】 callback : コールバック関数【省略可能】 ワイプ処理で内容を見えなくしていくにはwipeOut()を使います。最初のパラメータはDOMノードを指定します。単独の場合は、そのままID名等を指定します。複数の領域を同時に処理したい場合にはDOMノードの配列を指定します。例えばdojo.lfx.html.wipeOut(["header", "content"], 1000).play();とするとID名がheaderとcontentの2つのブロックが同時にワイプ処理されます。 サンプルコード [実行] <!
Aptanaで作ったDojoライブラリ利用のAjax
[ワイプアウト] wipe wipe. It is so fun to... Wipe wipe wipe. It is so fun to... Wipe wipe wipe. It is so fun to... Wipe wipe wipe. It is so fun to... Explode! Implode! 説明 AptanaのDojo Project作成機能でできたサンプルファイルです。かっこいいじゃないか。 Dojoはこの秋にVersion 1.0が出る予定で、アクセシビリティに配慮したAjaxを作成できるはず（このサンプルがアクセシブルであることが保障されているわけではないが、1)キーボードでも操作できる、2) JavaScriptをオフにしても利用できる、ようになっているはず。要確認＞私）(Ajaxアクセシビリティでは、Tab orderの指定（正、負、0）も重要。)
div要素をクロスフェード表示するJavaScript | WWW WATCH
結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript / CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 （じゃなくてもいいんですが） をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのは JavaScript ファイル 1つのみ。ダウンロードした JavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip
伸縮するアコーディオン風UI実装ライブラリ集:phpspot開発日誌
10 different styles of Accordion’s (Using Ajax, JavaScript, DHTML…)at Developer Snippets Hi developers here I am back again with some useful stuff. I had a thought of how to represent lot of stuff in a constant space area in a webpage 伸縮するアコーディオン風UI実装ライブラリ集。 YourHead Accordion Ext Accordion MooTools Menu Accordion Example with Mootools Accordion Example Accordion Demo 伸び縮みするので少ないスペースで実装することが出来、なめら
Lightbox 2
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
Lightbox JS
Overview Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. Note: An new version of this script is available: Lightbox JS v2.0 Example To make sense of it all, check out these examples. Click on a thumbnail or text link below: Benefits Places images above your current page, not within. This frees you fr
script.aculo.us - web 2.0 javascript
This is a bugfix release that bumps script.aculo.us to version 1.9.0. Most importantly, the included Prototype 1.7 provides performance and compatibility improvements with the latest browsers. One other fix is includes, that makes the script.aculo.us loader work better if you use script tags in the BODY of your page. Download at http://script.aculo.us/, or grab/fork the source at http://github.com
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クロスブラウザを制する Part 2 2-4 ワイプクリップ - ［JavaScript］All About
moveme
ウインドウの横に隠れるサイドナビゲーションJavaScript （side-bar.js） - youmos