【ポップアップ（吹き出し・ツールチップ）で「ツアー」や「チュートリアル」の表現ができるjQueryプラグイン「Joyride」】｜今村だけがよくわかるブログ
【ポップアップ（吹き出し・ツールチップ）で「ツアー」や「チュートリアル」の表現ができるjQueryプラグイン「Joyride」】 jQueryでポップアップ（吹き出し・ツールチップ）を使って「ツアー」や「チュートリアル」の表現ができるプラグインがありました。 「なんだ、どういう意味だ・・・？」 といいますと・・・言葉で表現するのはヘタなので、サンプルを作りました。興味がありましたらご参考ください。 サンプルはこちらタブの「Result」を押して動作をご確認ください スルスルッとスクロールするんで、見た目的にもおもしろいです。 まとめサンプルではたまたま「私のアカウント紹介ツアー」みたいに作りましたけど、使い方は発想次第でいろいろですね。こういったものをあらかじめwebに設計してあると、制作側の配慮が見られて「親切設計だな～」って私は感じます。 参考リンクhttp://www.zurb.co
ASCII.jp：jQueryによるLightbox風モーダルウィンドウの作り方｜Web制作の現場で使えるjQuery UIデザイン入門
HTMLとCSSによる表現を考える 複数のサムネイル画像を並べておき、画像をクリックするとモーダルウィンドウで拡大画像を表示するWebページを作成します。はじめに、HTML／XHTML（以下、HTML）とCSSでどのようにモーダルウィンドウを表現するか、静的なページを作って考えてみましょう。 HTMLは、ul/li要素で並べたサムネイル画像の後に、「glayLayer」と「overLayer」というid属性をつけたdiv要素を配置します。glayLayerはページ全体に重ねる半透明のレイヤーを表示するための要素で、overLayerは子ウィンドウを表示するための要素です。子ウィンドウに表示したい要素（今回はimg要素）はoverLayer内に配置します。 ▼サンプル01（HTML部分） <h1>jQueryを利用したモーダルウィンドウの作成</h1> <ul> <li><a href="i
jQueryのtoggleを使ってアコーディオン風にコンテンツを開閉表示してみる
クリックによって隠れてたコンテンツエリアをアコーディオン風に 表示してみます。 1．CSSの記述例 以下は調整してみて下さい。 <style type="text/css"> <!-- #iWrap{ margin:0 auto; padding: 7px; width: 400px; border: 2px solid #333; } #iWrap h2{ margin:10px; padding: 5px; border: 2px solid #333; background-color:#CCC; cursor: pointer; } #iWrap h2:hover{ background-color:#FFF; } #iWrap div{ padding:5px; } #iWrap div ul{ margin:0 3px; padding:0; } #iWrap div li{
要素の高さを揃える超軽量なjQueryプラグインjquery.tile.js - URIN HACK
要素の高さを揃える超軽量なjQueryプラグインjquery.tile.js ブロック要素の高さを揃える軽量なjQueryプラグインjquery.tile.js。このプラグインを使用するとブロック要素を簡単にタイル状に並べることができる。 このプラグインには余分な機能が一切無いため 使い方がシンプルでプラグインは非常に軽量 になっている。 JavaScriptを使用しないで要素の高さ揃える場合はHTMLのtable要素を使う、CSSのdisplay: tableを使用する、float: leftで横に並べてmargin-bottomを大きくするなどの方法が考えられるが、デザイン面で融通が効きにくく初心者にとっては少し敷居が高い。 要素を横に並べるにはfloat: leftやdisplay: inline-blockなどを用いるのが最も簡単だが、この場合HTMLとCSSだけで要素の高さを自動
お探しのページは見つかりませんでした。- 有限会社キートン
指定されたURLのページは存在しません。 サイト更新などによってURLが変更になったか、URLが正しく入力されていない可能性があります。 ブラウザの再読込を行ってもこのページが表示される場合は、サイトマップまたはサイト内検索でお求めのページをお探しください。 トップページに戻る
HTML5/CSS3にも対応、HTML/CSS/JavaScriptを整形・チェックするオンラインツール -Dirty Markup
Dirty Markup [ad#ad-2] Dirty Markupはウェブ制作者がよく使う下記のツールをまとめたような感じです。 HTML Tidy CSS Tidy JS Beautify Dirty Markupの使い方は簡単で、右側にコードをペーストし、左側でHTML/CSS/JavaScriptを設定し「Clean」ボタンをクリックするだけです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery： 要素のスタイルプロパティを変更するには？（css） - Build Insider
https://remotestance.com/blog/1397/
jQueryでの開閉式のアコーディオンの動きいろいろ | CSS Lecture
jQueryでスタイルシートを制御してみる - Fridayeight