サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ノーベル賞
kizukischool.sakura.ne.jp
スムーススクロールとは、ページ内リンクをクリックすると、スルスルッと目的の場所に移動するこれの事です。 設定する最大の長所は、ページ閲覧者にリンクの移動場所が視覚的に伝わりやすくなるという点で、結構多くのサイトで使われてます。 サンプルファイルの利用 解説読むの面倒臭いダメな人は、下記からファイルをダウンロード。 smoothscroll.zip(2kb) ダウンロードして解凍したら、scroll.jsをサイトにアップロード。 適用したいhtmlの<head>内に以下を追加。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script type="text/javascript" src="ファイルのパス/scr
ウェブ制作において、jQueryが最も使用される機会が多いのが、フォームのバリデーションチェック機能。 バリデーションチェックとは、メールアドレスなら「xxx@xx.xx」という入力形式になっているか?必須項目はちゃんと記入されているか?を確認し、もし誤りがあればそれを閲覧者に知らせる機能のこと。 jquery-form-validatorを使った入力チェック Position-absolute「jquery-form-validator」 フォームの入力事項をチェックするバリデーション用プラグインは数あれど、このjquery-form-validatorは多機能な上に、設定が非常にわかりやすいのでおすすめ。 ちなみに導入例のデモはこちら。 確認してもらえば分かるとおり、送信ボタンを押すタイミングだけではなく、項目を入力して(あるいは入力しないで)フォーカスが移るタイミングでもバリデーショ
「トップの画像をスライドさせたい!」というのは、ウェブを少しかじった人なら誰でも一度は考えますが、一昔前はFlashのトゥイーンでゴリゴリ作っていたものが、今ではjQueryのプラグインで簡単に実装できます。・・・いやぁ、いい時代になったもんですね。 という事で、今日はHTMLの要素を簡単設定でスライドできる「bxSlider」の設定方法を紹介します。 「bxSlider」 星の数ほどあるスライダープラグインの中でも、設定の容易さに加えてオプションが豊富。非常に汎用性が高い。 ちなみに導入例のデモはこちら。 ダウンロードと準備 各種オプションの設定 「スライドを自動で停止」別記事にて追記。
このページを最初にブックマークしてみませんか?
『kizukischool.sakura.ne.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く