TOP  >  WebDesign  >  フロートウィンドウを生成するjavascript「Mocha」
2007年11月21日

フロートウィンドウを生成するjavascript「Mocha」

ページ内を自由に移動でき、フロートするウィンドウを複数同一ページに生成できるスクリプトが今回紹介する「Mocha」です。

Mootoolsmocha

Mochaで生成したフロートウィンドウは拡大、閉じるボタン付きで、マウスのドラッグ操作での移動も可能。日本語表示もOKとかなり自由度の高いウィンドウとなっています。

詳しくは以下

表示させるだけでなくフォームを使って新しいウィンドウも作り出せるようになっています。ウィンドウを生成するフォーム上ではリンクや太字などのHTMLが通るみたいで、画像タグなんかも問題が無く表示されるようになっています。

ダウンロードできるパッケージにはサンプルページとcss、そしてスクリプトが同封されていて、サンプルページを見ながら改変すれば色々と使えそうです。またデザインもCSSで制御されているみたいなので、上手く使えば色々な所に活用できそうです。Mochaはmootoolsのプラグインでスクリプトには「mootools-beta-1.2b1-compatible.js」も同封されています。

MooTools Mocha UI

via コリス

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 06:35  |  
Category: WebDesign   
tag: 

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る