Skip to content

CodingMania

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

list

  • フォームにある現在地を示すステップナビゲーション
  • ウィンドウサイズいっぱいに画像表示しズームしながらフェードアウト。画像・テキストを切り替えます
  • slick[jquery]を使ってサムネイル[カルーセル]が付いたスライドショー
  • サムネイルの画像をクリックで拡大・切り替え・表示します![キャプション付]
  • クリックで表示する吹き出し型ドロップダウンメニュー
  • jQueryで簡単にページ送りを自動で表示します。
  • jqueryでxmlを読み込んでコンテンツを表示します。
  • サムネイル画像のマウスオーバーで画像を大きく表示、クリックするとリンク先とびます。
  • [キャプション付き]サムネイルの画像をマウスオーバーで拡大・切り替え・表示します!
  • carouFredSel[jquery]を使ってサムネイルが付いたスライドショー
  • carouFredSel[jquery]を使ったカルーセル
  • carouFredSel[jquery]を使ったページナビ・ページ送りのあるスライドショー
  • carouFredSel[jquery]を使ってサムネイル[カルーセル]が付いたスライドショー
  • レスポンシブ対応:横幅が狭くなるとメニューを折りたたみます。
  • マウスオーバーすると補足メニューを表示します。
  • ロールオーバー時、現在地表示時、画像を切り替えします。
  • 文字サイズ変更ボタン(大・中・小)でフォントサイズを調整します
  • CSSでリストの間にだけ線を引く。
  • 画像置換でグローバルナビゲーションを作ります。
  • 縦に自動でスライドするスライドショー
  • CSSのtext-indentを使って字下げします
  • クリックするとクラス名を変更、書き換えします。
  • jqueryでタブを切り替えて表示します。
  • クリックで、右へ左へスライドするスライドショー
  • transformとtransitionを使った丸いナビゲーション
  • Easy Sliderを使って横にスライドするスライドショー!
  • ページを横渡りできるページ繰り
  • 箇条書きリストを入れ子にしてCSSで階層を表示
  • 箇条書きリストを入れ子・階層にしてCSSで番号マーカーを表示
  • jqueryでクロスフェードするスライドショー

投稿ナビゲーション

1 2 »

関連記事

  • 画像で作る。ドロップダウンメニュー・プルダウンメニュー

カテゴリー一覧

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

© CodingMania.net