Skins for the WordPress jQuery UI datapickerA collection of jQuery UI datepicker skins to match the admin color schemes that are available in WordPress core. Available as CSS, LESS and Sass.
アニメーションgifは画像が表示されるとすぐにアニメーションが動き出しますが、それらのアニメーションgifにスタートとストップ機能をつけられるjQueryのプラグインを紹介します。 スタートをクリックしてからアニメーションgifをロードするので、ページの軽量化にもなる優れものです。 gifplayer gifplayer -GitHub gifplayerのデモ gifplayerの使い方 gifplayerのデモ デモでは、アニメーションgifの画像にオーバーレイで「gif」と表示されており、クリックするとアニメーションgifが再生されます。 再生中にアニメーションgifをクリックすると、ストップします。 gifplayer: demo 「gif」ボタンのとこには、三角アイコンや「再生」ボタンでもよさそうですね。 gifplayerの使い方 Step 1: 外部ファイル jquery.j
ツイッターやフェイスブックのタイムラインで、スクロールするごとに、過去の投稿が追加されます。そうすることで、最初の読み込みを少なくし、訪問時の待ち時間を軽減することが出来ます。今回は、そんな無限スクロールの仕組みを解説します。 サンプルを見る スクロールが一番下に行ったことを検知する。 サンプルでは、スクロールが下から100ピクセルの位置までスクロールすると、次の数字を加算して追加しています。まずは、このスクロールの下位置の検出をしましょう。 $(window).on("scroll" , function(e) { var bottomPos = 100; var scrollHeight = $(document).height(); var scrollPosition = $(window).height() + $(window).scrollTop(); //スクロールが下に行
ページ途中にあるグローバルナビなどをスクロール時にトップに固定するjQuery タグを指定して、ページ途中にある要素がスクロールしてトップの位置に来た時に固定するjqueryを紹介します。 ページ最上部を固定するならposition:fixed;でも対応できると思いますが、それ以外の中段にある要素(タグ)で固定したい場合に使ってみてはいかがでしょうか。 今回ご紹介するのは、○○PXスクロールしたらという物ではなく、この要素の位置に来たら固定するというものです。 応用すれば、サイドバーなども固定出来ますので、使い勝手は良いと思います。 まず、CSSとjQuery本体を読み込ませ、スクリプトを記述します。 (今回はグローバルナビで説明) HTML記述例(HEAD部) <html> <head> ・ ・ <link href="style.css" type="text/css" rel="st
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く