BUNDAN本日は 営業しております。 営業時間9:30 ~ 16:20 ラストオーダー 15:50 定休日日・月・第4木
jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種
jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種 ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。 ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。 投稿日2010年10月24日 更新日2012年03月05日 ナビゲーションはテキストにしないとseo的にあれだよとか言われていますが、コーポレートサイトではまだまだ画像を使用されていることが多いと思います。なので、今回は画像ナビゲーション限定です。（テキストでもあまり変わらないと思いますが……） 縦型+テキストタイプのナビゲーションはこちらの記事をご覧ください。 「jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種」 htmlと画像の準
どんなフォームにも使えるjQueryのフォームバリデーション exValidation :: 5509
jquery.validation.jsというフォームバリデーションプラグインを公開していますが、使える場面が割と限定されてしまうような作りだったので、より幅広く使えるようにexValidationという名前で新しいjQueryプラグインとして作り直しました。伴って仕様や使い方が異なる部分も多いので、ドキュメントとして書いておきます。ただし前半のバリデーションルール周りは同じエンジンを使ってるので、ほぼ同じです。ちなみにすごい長いです。。 ルールを割り当てる際のclass名がhogeからchkhogeに代わりました。アップデートして使う場合は注意してください。 サンプル1: エラーを右上に表示 サンプル2: エラーを下に表示 トピックス ダウンロード 使い方 1. JSファイルを読み込む 2. 基本バリデーションルール 3. select, checkbox、radio、複数項目の場合 4
[JS]4種類のエフェクトを備えたタブを簡単に実装できるスクリプト -Tabulous.js
デモ：Flip Tabulous.jsの使い方 実装は非常にシンプルで、エフェクトの設定も簡単です。 Step 1: 外部ファイル 当スタイルシート、「jquery.js」と当スクリプトをhead内に記述します。 <link href='tabulous.css' rel='stylesheet' type='text/css'> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="tabulous.js"></script> Step 2: HTML HTMLは非常にシンプルで、タブをリスト要素、コンテンツをdiv要素で実装し、divで内包します。
【jQuery】これで簡単！フェード処理で切り替わるタブコンテンツの作成方法 ｜ KLUTCHE
シンプルなタブコンテンツを実装したい時、jQueryを使うことにより、短くてシンプルなソースで設置することができます。 JavascriptもHTMLもすっきりと収まるのですがすがしいです。 デモ デモページ Javascript jQuery依存のスクリプトなので、まずjQueryを読み込みます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> その後に以下のJavascriptを記載します。 <script type="text/javascript"> $(document).ready(function() { //初期表示 $(".tab_content").hide();//全ての.tab_contentを
簡単！フェードによる要素切り替え型スライダーにアニメーションを加えたプラグイン【 jQuerySlidein 】 | Stronghold Archive
簡単！フェードによる要素切り替え型スライダーにアニメーションを加えたプラグイン【 jQuerySlidein 】 どうもこんばんは。今回のtipsは【簡単！フェードによる要素切り替え型スライダーにアニメーションを加えたプラグイン jQuerySlidein 】。自分で作ったプラグインになります。設置も簡単で通常のスライダーより少し変わった動きができますので、ご活用いただければ幸いです。 設置方法 最低限必要なファイルはJQueryファイル、プラグインファイル、イージングファイルの3つになります。読み込ませ方は以下をご参照下さい。 読み込みファイル <script src="jquery-1.7.2.js"></script> <script src="jquery.easing.1.3.js"></script> <script src="jquery.slidein.min.js"></
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
