どこよりも詳しい万能スライダーjQueryプラグインslick.jsの使い方 | ITハット
どこよりも詳しい万能スライダーjQueryプラグインslick.jsの使い方 いろいろなスライダー・カルーセルjQueryプラグインを利用してみて、一番簡単でカスタマイズ性に富んだものがこのslickです。非常に便利な分、注意しなければならないこともあるので、その点も含めて紹介したいと思います。 導入 ダウンロード http://kenwheeler.github.io/slick/ サイト上部のメニューのget it nowをクリックします。 Download Nowをクリックでダウンロードすることができます。 読み込み <head> ... <link href=".../path/to/slick.css" rel="stylesheet"> </head> head 内で slick.css を読み込みます。 ... <script src="https://ajax.google
jQuery.get( url, data, callback ) - jQuery 日本語リファレンス
HTTP(GET)通信でページを読み込みます。 シンプルなGETリクエストを送る簡単な方法で、複雑な$.ajax関数を使わずにサーバと通信ができます。通信の完了時に実行される関数を引数で指定することも可能ですが、これは成功時のみ実行されるので、失敗時と成功時の両方をカバーするには、$.ajaxを使う必要があります。
jQuery-Validation-Engineで簡単にフォーム内容をチェック！ - 北海道苫小牧市のホームページ制作 STUDIO KEY
フォームを伴うHTMLコードを書いていると、どうしてもバリデーション(入力値の妥当性確認)が必要になります。 HTML5になると、フォーム属性である程度はカバー出来ますが、全てのブラウザがHTML5に対応し、かつ利用者の多くがこれの恩恵を受け、かつ対応出来ないブラウザを利用している方を切り捨てる時代になるにはまだまだ数年掛かります。 バリデーションの方法は大きく分けてPOST後とPOST前の二種に分かれます。 POST後のバリデーションは送信された際に、PHPやCGI側で入力内容をチェックし、エラーならメッセージを表示させるなどです。 厳密にチェックするならばこれが一番ですし、エラーメッセージなどデザイン部分も色々と工夫する事が出来ます。 ただ、簡単なメールフォームでいちいちメールアドレス形式かどうかを確認する為だけにPOSTし、エラーメッセージを表示するプログラムを書くのは面倒です。 ※
読み込んだjsonファイルをjqueryでフィルタリング処理の練習 - Web.fla
jsonファイルの構造 とりあえずjsonファイルは下記のように記述しました。 まぁなんとなく分かると思いますが（笑） captionは、画像の下に表示するキャプションでurlは画像までのパスです。そんでフィルタリングするときに必要なのが、categoryです。 [ { "category": "cate", "caption": "カフェ", "url": "http://jsrun.it/assets/3/o/C/A/3oCAy.jpg" }, { "category": "autum", "caption": "紅葉", "url": "http://jsrun.it/assets/y/c/W/i/ycWii.jpg" }, { "category": "tokyo", "caption": "東京駅", "url": "http://jsrun.it/assets/n/O/V/x/
レスポンシブ時代のイメージマップ（クリッカブルマップ） - Qiita
10年ぶりくらいにイメージマップを使用したのでメモ。 あれ、イメージマップってどうやって作るんだっけ…？ 昔はDreamweaverとかでポチポチやってた気がしますが、今持ってないしどうしよう…。 と思ったらこんな便利なジェネレータがありました。 HTML Imagemap Generator 画像をアップしてポチポチするだけでこんな感じのHTMLタグを生成してくれます。 <img src="xxx.png" usemap="#ImageMap" id="image_map" alt="" /> <map name="ImageMap"> <area shape="rect" coords="255,2,477,81" href="#" alt="頭部" /> <area shape="rect" coords="257,84,479,132" href="#" alt="眼" /> <a
jQuery
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
「吹き出し」をツールチップとして実装するjsいろいろ
マウスオーバー等で吹き出しが 現れるツールチップのまとめです。 jQueryが殆どになります。 吹き出しは画像やcssを変更 すれば別の形状にする事も可能 なのでうまく活用したいですね。 吹き出し以外のツールチップを実装できるjsをお望みでしたら以下の記事が参考になりそうです。 15 jQuery Plugins To Create A User Friendly Tooltip 40+ Tooltips Scripts With AJAX, JavaScript & CSS vTip 凄く可視性が高い吹き出し。フェードインで表示し、マウスオーバーの間はマウスストーキングします。使いやすそう。対象がテキストでも画像でもOK。試しに入れてみました。以下のリンクにマウスをあわせるとバルーンが現れます。角はcssで丸くしました。デフォルト状態だとマウスカーソルにarrow部分が重なってしまうので
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
