jQueryプラグイン - もっとみるを簡単に実装 - Show More
もっとみるをjQueryで簡単に実装できるプラグイン「Show More」を紹介します。 jQueryプラグイン「Show More」今回紹介するプラグインは、もっとみるを簡単に実装できるプラグイン。その名も「Show More」です。しかも、ふわっとしたアニメーション付きなので、いいね！ デモのページにある「» もっとみる」をクリックすると隠れた段落が表示され、「» もっとみる」は非表示になり、代わりに「» もっとみない」が表示されます。これをクリックすると「» もっとみる」をクリックして表示された部分が非表示になり元に戻ります。 「Show More」のデモ デモのソース（HTML + jQuery）<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Show Mo
[jQuery]テーブルを手軽にソートできるプラグインStupid jQuery Table Sort | WEBデザインのTIPSまとめサイト「ウェブネタチョ」
CSSやHTML、javascriptやjQuery、WordPressやプラグインなど、WEBデザインにちょっと便利なTIPSまとめブログ。サイト制作時に見つけた小ネタなどをまとめて紹介します。
![[jQuery]テーブルを手軽にソートできるプラグインStupid jQuery Table Sort | WEBデザインのTIPSまとめサイト「ウェブネタチョ」](https://cdn-ak-scissors.b.st-hatena.com/image/square/fe8fd931043ca7b8d76ba5e8ba77bc0571f02910/height=288;version=1;width=512/https%3A%2F%2Fwebantena.net%2Fwp-content%2Fuploads%2F2017%2F08%2F932926.jpg)
クールでカッコイイいろんな機能満載のスライダー「Slider Pro」jqueryプラグイン | スターフィールド株式会社
jQueryプラグインのスライダーの紹介は久しぶりになります。 いつもbxsliderを使っているのですが、それに勝るかもしれないプラグインを発見いたしましたので、 ご紹介させていただきます。 その名も「Slider Pro」公式サイトはこちらSlider Pro サイト自体もけっこうかっこいいですね！ 一応僕が試してみたDEMOもあります。 DEMO 簡単ですが、特徴としては、 ・レスポンシブ対応 ・スワイプ対応 ・ブレークポイントの設定(画像自体を変更、サムネイルのサイズを変更等) ・高さ自動対応 ・サムネイルの設定(縦横サイズ、位置、スワイプ設定)ができる ・フルスクリーンモードにできる ・上記からいろんなレイアウトに簡単に変更できる！ 「Slider Pro」の使い方 まずは公式サイトからダウンロードをお願いします！ まずCSSを読み込み、
パララックス/スクロールでアニメーションさせるjQueryプラグインなど
こんにちは、工藤です。 今回はパララックス効果を表現できるjQueryプラグイン・スクロールでアニメーションさせるjQueryプラグインについてやそれに関する記事を集めました。 ここ最近はパララックスが１番流行っていた時期の物より、アニメーションの表現がさりげないものが主流なのかなという印象を受けます。 Nikebetterworld Parallax Effect Demo [配布サイト][DEMO] パララックスのプラグインでも代表的なものの1つ、というイメージです。 スクロールで背景が動く、右にナビゲーションがある…などパララックスに必要な基本的な物が備わっている感じです。 Skrollr [配布サイト][DEMO] こちらも代表的なものの1つというイメージ。 さまざまなアニメーションを表現することができます。 Cool Kitten [配布サイト][DEMO] レスポンシブにも対応
日本地図を表示するjQuery プラグイン Japan Mapは簡単便利 | ゆーそうとITブログ〜WordPress・Xserver・アイキャッチ画像作成ツール〜(旧:ゆうそうとITブログ)
jQueryについてちょっと別の事で検索をしていたのですが、偶然「日本地図を表示するjQuery プラグイン Japan Map」を見つけました。日本地図を表示したりクリックしてページに遷移したりできそうな面白いものだったので、どんな風に使えるかを試してみました。 日本地図を表示するjQuery プラグイン Japan Map とは？ http://takemaru-hirai.github.io/japan-map/ Takemaru Hiraiさんが作られて公開しているjQueryプラグインです。このページにこのプラグインの使い方やサンプルコードが載っています。このjQueryを使うだけで日本地図が表示出来ちゃう！というのはとても簡単で楽しそうです。 ライセンスも MITライセンス なので色々なことに使えそうです。 ファイルをダウンロードして動かしてみる http://takemaru
アイテムを浮遊させられるjQueryプラグイン「jqFloat」:phpspot開発日誌
jqFloat.js ? A Floating Effect with jQuery! アイテムを浮遊させられるjQueryプラグイン「jqFloat」。 雲なんかの画像をプカプカページ内で浮かせることができたりします。 ページ内にアニメーションを設置して、楽しげな雰囲気を出す場合なんかに使えそうですね。 jqueryのanimateは本当に簡単に要素をアニメーションできるようにしましたがこれをうまく応用してますね 使い過ぎは嫌われるような気もしますが、適度に使えばよい効果が作れそうです 関連エントリ faviconをアニメーションさせたりテキストを付与できるjQueryプラグイン「jQuery Favicon」 アニメーションするクールな円形メニューが実装できるjQueryプラグイン「MobilyBlocks」 複数アニメーションを組み合わせられるスライダーを実装できるjQueryプラグ
Xlune::Blog
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
スワイプにも対応したシンプルなスライドショーを実装できるjQueryプラグイン「Swipeshow」 – bl6.jp
タッチデバイスのスワイプにも対応したシンプルなスライドショーを実装することができるjQueryプラグイン「Swipeshow」をご紹介します。jQuery 1.8が必要とのこと。モバイルからのアクセスが増えてくる中、こういったスワイプにも対応しているプラグインはこれからますます重要になってきそうですね。 [ads_center] 使い方 まずはHTMLマークアップから。以下のようにシンプルに記述します。 <div class="swipeshow"> <ul class="slides"> <li class="slide"> ... </il> <li class="slide"> ... </li> <li class="slide"> ... </li> </ul> </div> CSSでスライドショーのサイズを指定しておきます。 .swipeshow { width: 200px;
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://urin.take-uma.net/jquery/%E8%A8%AD%E7%BD%AE%E3%81%8C%E8%B6%85%E7%B0%A1%E5%8D%98%E3%81%A7%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E6%80%A7%E3%81%AE%E9%AB%98%E3%81%84%E5%90%B9%E3%81%8D%E5%87%BA%E3%81%97%E3%83%9B%E3%83%90%E3%83%BC%E7%94
cmmntr.com