HTML文字列をノードに変換 | JavaScript逆引き | Webサイト制作支援 | ShanaBrian Website
JavaScript /** * HTML文字列をノードに変換 * @param {string} htmlStr 変換するHTMLの文字列 * @return {NodeList} 変換したHTMLのNodeListを返す */ var htmlToNode = function(htmlStr) { if (!htmlStr || typeof htmlStr !== 'string') return; var tmpElmt = document.createElement('div'); // 高速処理するが対応ブラウザを考えinnerHTMLを使用 tmpElmt.innerHTML = htmlStr; // tmpElmt.insertAdjacentHTML('beforeend', htmlStr); return tmpElmt.childNodes; };
CSS3による線形グラデーション | CSS3逆引き | Webサイト制作支援 | ShanaBrian Website
線形グラデーションについて グラデーションはbackgroundまたはbackground-imageプロパティにlinear-gradient関数を設定します。 開始位置と終了位置は省略することができ、省略した場合、開始位置は0、終了位置は100%が初期値として設定されます。 なお、旧Webkit仕様では、from関数は開始位置を0、to関数は終了位置を1という仕様になっています。 開始と終了位置を指定したい場合はcolor-stop関数を使用します。 構文 位置の省略 background:linear-gradient(方向または角度, 開始位置, 終了位置); 旧Webkit仕様： background:-webkit-gradient(linear, 開始方向, 終了方向, from(開始色), to(終了色)); 位置の指定あり background:linear-gradie
jQuery UI Autocompleteでかなを入力した際に漢字を表示 | jQuery逆引き | Webサイト制作支援 | ShanaBrian Website
jQuery UI Autocompleteでかなを入力した際に漢字を表示する住所入力支援ような、対象表示する方法を紹介します。 なお、Autocomplete自体はjQuery 1.6.x 以降でないと動作しません。 住所： 読み込みと設定、実行 CSSファイルとJavaScriptファイルを読み込み、実装するHTMLを用意、データをセットして実行します。 【HTML : head】 <link rel="stylesheet" href="css/jquery-ui.min.css"> <link rel="stylesheet" href="css/jquery-ui.theme.min.css"> <script type="text/javascript" src="jquery1.4.2.js"></script> <script type="text/javascript"
スクロールに追従する要素 | jQuery逆引き | Webサイト制作支援 | ShanaBrian Website
jQueryでスクロールに追従する要素を作るには、以下のようにして実装することができます。 （以下のコードはあくまで一例です） HTML 追従する要素を準備します。 aside</p> CSS 追従するときのCSSを準備します。 div#aside.fixed { position:fixed; left:0; top:0; } JavaScript 以下のコードでは、スクロール時に準備した要素の上からの位置を取得し、ウィンドウのスクロールした上からの位置と比較します。 比較し、ウィンドウのスクロールの位置より超えている場合は、追従する要素にクラス名を割り当て、横の位置を設定します。 また、ウィンドウのスクロールの位置より下だった場合は、追従する要素のクラス名を削除し横の位置ももとに戻します。 $(function() { var $window = $(window), $aside =
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
