jQueryプラグイン作成法のまとめ | WIZ-CODE.blog
私はどちらかというとPrototype.jsライブラリをよく使ってきたのですが、最近はjQuery寄りになっていて、プラグインをいくつか作る機会が出てきました。今回は自分が参考にしたサイトなどを頼りにjQueryプラグイン作成方法をまとめてみたいと思います。 参考サイト： jQuery を扱う: 第 3 回 中級レベルの jQuery: 独自のプラグインを作成する 内容はややデベロッパー向けですが、以下のWeb技術を扱った一連のドキュメント群も非常にためになります。 技術文書一覧 プラグイン作成のマナー 別に強制力があるわけではないですが、jQueryサイドで最低限守ってほしいという規則を載せておきます。 １、ファイル名はjquery.「あなたのプラグイン名」.jsとする。 例： jquery.clickablecanvas.js ２、メソッドはjQuery.fnオブジェクトにアタッチし、
Vertical scrollbar using jQuery UI slider | Simon Battersby
Need some help? I'm usually available for small jobs or problem solving with jQuery or css, at reasonable rates. Just get in touch. Web Hosting We recommend Clook for web hosting. UK based, great service and great value. Buy me a drink If you've found this useful, particularly for commercial projects, you might consider making a small donation. Also available as a jQuery plugin. Here’s my attempt
jQueryでループして画像などコンテンツ要素をスライドさせる無限ループスライダーの作成方法｜BLACKFLAG
Webサイト上でバナーや商品のサムネイル画像などの見せ方として、並べられた画像（コンテンツ要素）を一定のスピードで自動でスライドして、無限ループさせているものをたまに見かけます。 そんなビューアー的役割のコンテンツ無限ループスライダーを作ってみたので紹介してみます。 まずは動作のサンプルから。 jQuery LOOPSLIDER【SAMPLE】 10個並べてある画像が自動でスライドし、無限にループしています。 この動作の全体構成について、HTMLから。 ◆HTML <div id="loopslider"> <ul> <li><a href="#"><img src="img/photo01.jpg" width="100" height="100" alt="" /></a></li> <li><a href="#"><img src="img/photo02.jpg" width="1
Open Source - Scroll Follow - The Kitchen @ Net Perspective
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jQueryを利用したバリデーションチェック1 ~ PhoEniBiR～DevDiary
2011/06/20 jQueryを利用したバリデーションチェック1 15:25:00 Motoi Nishiu＠ふぇにば No comments メールで送信 BlogThis! Twitter で共有する Facebook で共有する jQueryを利用したバリデーションチェック1コンセプトフォーカスアウト時にリアルタイムにバリデーションチェック エラーがある時は送信しない サンプルはこちらから javascript Code$(document).ready(function(){ /* ◯各々にフォーカスアウトしたときに実行 */ $(":text,textarea,:password").blur(function(){ /* ◯NULLチェック */ if($(this).attr('validate').match("required")){ if($(this).val(
Introducing jQuery
jQueryって何 JavaScriptのフレームワーク みんな超使ってる ややこしいことが超簡単にできる John Resigってすげー人が作ってる とにかくイケてる なぜjQueryはイケてるのか 超短く書ける。そう作られてる。 Write Less, Do More. たくさんプラグインがある。使うの簡単。 DOM操作周りにめちゃ強い。 JavaScript始めるのにもオススメ。 ブラウザごとの差異も吸収してくれちゃう ブラウザ上でなんかするのに必要な機能が詰まってる プログラム書く流れ JavaScriptに限らず、大体こんな感じ。 こんなん作りたい APIを調べる それをどーやって使うのか調べる なんか難しそうだったらフレームワークとか調べる 文法を知る（大体どれも大きくは変わらない） 書いてみる APIとかフレームワークとか知らん 大丈夫です。 そんなん普通、調べないと知りませ
jQueryから簡単に使えるMP3プレイヤー「jPlayer」:phpspot開発日誌
jPlayer : the only CSS styleable jQuery mp3 player plugin jQueryから簡単に使えるMP3プレイヤー「jPlayer」 jQueryなので実装がすごく簡単で１行。 $("#jpId").jPlayer({ /* options */ }); 各種オプション指定で柔軟にカスタマイズすることができます。 次のように ready イベントハンドラに再生処理を入れて再生することができるみたいです。 $("#jpId").jPlayer( { ready: function () { $("#jpId").changeAndPlay("../mp3/elvis.mp3"); }, cssPrefix: "my_jp_class"} ); }); 他にも色々メソッドが用意されていて、便利に使えそうです → リファレンスはこちら
Coin Slider: jQuery Image Slider Plugin with Unique Effects
Features Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+ Free to use under MIT licence Compatible with Android and iPhone Unique transition effects Valid markup Flexible configuration Auto slide Navigation box Lightweight (8kb only) Linking images Fully customizable using CSS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery if div contains this text, replace that part of the text
cssglobe.com
ウェブ制作に便利そうなチートシート16選 | IDEA*IDEA