Skip to content

CodingMania

  • トップページ
  • お役立ちリンクまとめ
  • Blog
  • 更新してるひと
  • お問い合わせ
CodingMania
  • トップページ
  • お役立ちリンクまとめ
  • Blog
  • 更新してるひと
  • お問い合わせ

jQuery

  • WordPress のYouTube埋め込みの iframe をレスポンシブ対応する
  • ドロップダウンメニュー[レスポンシブ対応]
  • 横からスライドインするレスポンシブ対応メニュー
  • 入力された日付を比べてメッセージを表示
  • 指定のラジオボタンをチェックすると、さらに追加で項目を表示します
  • ウィンドウサイズいっぱいに画像表示しズームしながらフェードアウト。画像・テキストを切り替えます
  • 画面をscrollすると表示されて「閉じるボタン」で非表示になるバナー
  • レスポンシブ対応:横幅が狭くなるとメニューを折りたたみます。Ver.02
  • クリックで開閉するアコーディオンパネル
  • [form:inputタグ]画像の上にcheckboxを重ねて表示する
  • slick[jquery]を使ってサムネイル[カルーセル]が付いたスライドショー
  • jquery.cookieを使って初回だけメッセージを表示する
  • ヘッダー上部固定でアンカーリンクがずれるのを解消する
  • TableFix.jsを使って表の行と列を固定します
  • Grid.jsを使って表の行と列を固定します
  • html5media.jsを使ってmp4形式の動画を埋め込みます
  • サムネイルの画像をクリックで拡大・切り替え・表示します![キャプション付]
  • 画像をクリックしてチェックボックスにチェックを入れます
  • クリックで表示する吹き出し型ドロップダウンメニュー
  • jQueryで簡単にページ送りを自動で表示します。
  • jqueryでxmlを読み込んでコンテンツを表示します。
  • 特定のチェックボックスをチェックすると、さらに追加で項目を表示します
  • サムネイル画像のマウスオーバーで画像を大きく表示、クリックするとリンク先とびます。
  • [キャプション付き]サムネイルの画像をマウスオーバーで拡大・切り替え・表示します!
  • [html5] 入力フォームのテンプレート![縦型]
  • carouFredSel[jquery]を使ってサムネイルが付いたスライドショー
  • carouFredSel[jquery]を使ってタブをクリックできるスライドショー
  • carouFredSel[jquery]を使った前後のスライドをグレーアウトするスライドショー。
  • carouFredSel[jquery]を使ったカルーセル
  • carouFredSel[jquery]を使ったページナビ・ページ送りのあるスライドショー

投稿ナビゲーション

1 2 3 »

関連記事

  • carouFredSel[jquery]を使ってサムネイル[カルーセル]が付いたスライドショー
  • jQuery-URL-Parserを使ってページの現在地をハイライトする
  • 縦に自動でスライドするスライドショー
  • jqueryでクロスフェードするスライドショー

カテゴリー一覧

  • animation
  • jQuery
  • WordPress
  • グリッド
  • スライドショー
  • その他
  • ナビゲーション
  • フォーム
  • リスト
  • 表

© CodingMania.net