1. 特にエフェクト無し + タイトル + グループ化 クリック時のオーバーレイの色を淡いグレー（背景のこと）にした以外、特にエフェクトを指定していない状態です。<a>タグの title属性が、そのまま画像タイトルとして表示されます。 <a>タグの rel属性に同じ名前（グループ名）を入れるとグループとしてまとめられ、矢印ボタンで移動できます！ また、jquery.mousewheel.js を使えば、マウスホイールでも画像を切り替えることもできます。
1. 特にエフェクト無し + タイトル + グループ化 クリック時のオーバーレイの色を淡いグレー（背景のこと）にした以外、特にエフェクトを指定していない状態です。<a>タグの title属性が、そのまま画像タイトルとして表示されます。 <a>タグの rel属性に同じ名前（グループ名）を入れるとグループとしてまとめられ、矢印ボタンで移動できます！ また、jquery.mousewheel.js を使えば、マウスホイールでも画像を切り替えることもできます。
SMINT SMINTの使い方 Step 1: 外部ファイル スクリプトを外部ファイルとして記述します。 <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="js/jquery.smint.js"></script> </head> Step 2: HTML まずは、最上部に配置されるナビゲーションから。 <div class="subMenu" > <div class="inner"> <a href="#" id="sTop" class="subNavBtn">Home</a> <a href="#" id="s1" class="subNavBtn">Section 1</a> <a href="#" id="s2" c
Google Maps Pop Easyの使い方 使い方は非常にシンプルです。 Step 1: 外部ファイル スクリプトを</body>の上あたりに、外部ファイルとして記述します。 <script type='text/javascript' src='js/jquery.modal.js'></script> <script type='text/javascript' src='js/site.js'></script> Step 2: HTML 最低限必要なHTMLの構造は、こんな感じです。 L.1がトリガー、L.2がオーバーレイ用の空div、L3-6がモーダル内のコンテンツです。 <a class="modalLink" href="#">Click Me</a> <div class="overlay"></div> <div class="modal"> <a href="#"
Adaptive Thumbnail Pile Effect with Automatic Grouping | Codrops 卓上に写真を置いたようなインタフェースのギャラリー作成用のjQueryプラグイン。 次のような、１つの写真は複数の写真を重ね合わせたようになっていて、クリックするとパラパラと写真がアニメーションしつつ開かれてギャラリー風になるというなんともオシャレなUIが実装できるようです。 クリックした所のアニメーションもカッコいいので是非デモを見てみましょう デモページ 関連エントリ サムネイルがシャッフルされてクールなギャラリー実装「Photofy」 動画ギャラリー用WordPressプラグイン10個 フリーで使えるPHP製画像ギャラリースクリプト「PhotoShow」
2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください！」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください！ ↑私が10年以上利用している会計ソフト！ Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため？何のため？Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム（Webサイトのレイアウト）を作成 Webサイトの骨組み: ワイヤーフレームを素早く・
知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか？という質問をいただきました。 CSSとJavaScript（場合によってはJSのみ）で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し
セレクトボックスの各アイテムにアイコンを配置して、グラフィカルに認識しやすくするスクリプトをMarghoob Sulemanから紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
