[JS]二枚の画像を少しずつブレンドして切り替えるスクリプト -Floom二枚の画像を少しずつフェードでブレンドして切り替える画像ギャラリーのスクリプトをblog.olicio.usから紹介します。 Floom demo デモはまるでフラッシュのように、進捗のバーが表示され、画像を切り替えると共にテキストも変更し、次々と画像を表示します。 オプションでは、アニメーションのスピード、ブレンドの方向、キャプションの有無などが変更できます。 FloomはMooToolsのプラグインのため、実装にはmootoolsが必要です。
40 Super-Neat JavaScript Plugins | Envato Tuts+
The right combination of JavaScript plugins can turn a simple website into a fantastic one - all while requiring minimal work on your behalf. Today, we'll review forty of the most popular plugins available. If we missed some, let us know in the comments! Form Validation jQuery Validate A plugin that allows you to build client-side validation and Ajax forms.
[JS]フォームの入力フィールドにアイコンを表示するスクリプト -Sexy Forms
フォームの入力フィールドにアイコンを表示するなど、9種類のスタイルのデザインを簡単に適用できるスクリプトをCoders.meから紹介します。
Notimoo – Notificaciones mediante Mootools – El universo de Paquitosoft
Como indicaba en mi post anterior, la comunidad de progamadores que se está pasando al framework Javascript Mootools es bastante grande y yo me incluyo en el saco. Después de trastear un poco con esta librería, me he decidido a escribir mi primer plugin para ser utilizado con ella de modo que pueda conocer realmente cómo es desarrollar con Mootools. La idea de este nuevo plugin viene de Growl, un
華麗なメニューを作成するjavascript「FancyMenu」
twitter facebook hatena google pocket メニューを作成する時にjavascriptやCSSでロールオーバーした時に異なる印象を与える仕組みを作ることがあります。 そのロールオーバーに新たな仕組みをdevthoughtのFancy menuが提供しています。 sponsors 使用方法 javascriptライブラリ「mootools」とfancymenu.jsをダウンロードしてhead内に挿入します。 次にstyle属性にfancymenu.cssも挿入します。長くなるので割愛しますが、適宜HTMLの方と合わせてください。 なおPNGファイルが対応していないIEにも、GIF画像を指定することで適応させています。 最後にHTMLに以下を書き込めば完成です。 <script> window.addEvent('domready', function() {
mootoolsで洗練されたメニューを作成する「Lavish Menu」
メニューはサイトを構成する重要な要素であり、最も目に触れる部分です。 そのデザインにこだわる方に、以前華麗なメニューを作成するjavascript「FancyMenu」を紹介しましたが、今回のも負けてはいません。 JavaScriptライブラリmootoolsの「Lavish Menu」です。 sponsors 使用方法 Lavish Menuからlavishmenu.jsをmootoolsからmootools.jsとmootools-1.2-slide.jsをダウロードします。 <script src="mootools-1.2.1-core.js" type="text/javascript"></script> <script src="mootools-1.2-slide.js" type="text/javascript"></script> <script type="text
クールな画像ギャラリーを作成できるJavaScript「UvumiTools Gallery Plugin」
twitter facebook hatena google pocket LightBoxなんてもう古い。 もっとクールに画像を見せ付けましょう。 JavaScriptライブラリmootoolsのプラグイン「UvumiTools Gallery Plugin」です。 sponsors 使用方法 UvumiTools Gallery Pluginからファイル一式をダウロードします。 <script type="text/javascript" src="mootools-for-gallery.js"></script> <script type="text/javascript" src="UvumiGallery-compressed.js"></script> <script type="text/javascript"> new UvumiGallery({container:'g
Ajaxline.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
Animated AJAX Record Deletion Using MooTools
I'm a huge fan of WordPress' method of individual article deletion. You click the delete link, the menu item animates red, and the item disappears. Here's how to achieve that functionality with MooTools JavaScript. The PHP - Content & Header The following snippet goes at the top of the page: if(isset($_GET['delete'])) { $query = 'DELETE FROM my_table WHERE item_id = '.(int)$_GET['delete']; $result
JavaScript Libraries, Plugins & Frameworks
JavaScript is a relatively lightweight programming language for adding interactive functionality to web pages. Here you will find vast collections of resources, including libraries, frameworks, plugins, snippets, and web-based tools, covering almost all areas of JavaScript development. You might also like to browse our extensive CSS colelctions. JavaScript Frameworks JavaScript Libraries JavaScrip
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.dreamcss.com/2009/05/13-useful-mootools-plugin-and-tutorial.html