cssassist JS
概要 cssassistは画像にて<a>,<h1~h6>,<li>を設定する時に楽にコーディングできるコーディング補助のscriptです。 Example 非常に簡単なHTML記述のみで画像置換のためのCSSを書く必要がなく(面倒な、画像の幅や高さもJSで勝手に取ってくれます＞＜)、画像に置換できます。 <h2 id="h2_about_jpg" class="cssassist">h2について</h2> <a href="#" id="btn_sample_gif" class="cssassist">テストはこちら</a> <a href="#" id="btn_sample2_gif" class="cssassist">テスト2はこちら</a> 使い方 画像を準備します。<h1~h6>,<li>の場合は何も気にしなくていいですが、<a>の場合は下半分がロールオーバー画像のものを準備
アイテムをページの右端に固定表示する。 - NOBODY:PLACE - MUTTER
右の方にあるアニメーションGIFは固定されていて、 ページをスクロールしても動きません。 恒常的に見せるメニューやリンクなどで活用できるかと。 必要なコード 対象のオブジェクトに以下のCSSを適用させることで実現できます。 position:fixed; right:0; top:0; ただし、InternetExplorer6およびそれ以前のブラウザでは上手く動きません。 それは、InternetExplorer6がposition: fixedに対応していないためです。 右端に寄せるだけであれば、position: absoluteで問題ないのですが、 スクロールに対して固定させるとなるともう一工夫が必要です。 InternetExplorer6対策にはfixed.jsを使う 他にも色々方法はあると思いますが、JavaScriptを使用することが許されているのであれば、
JavaScript / CSS 編 - セレクトメニューの選択項目によりラジオボタンを無効にする - futomi's CGI Cafe
セレクトメニューで選択させ、ある項目を選択した場合には、次の項目（この例ではラジオボタン）を無効（入力・選択不可）にしたいことはあるでしょう。次の例を試してみてください。 ラジオ１ ラジオ２ ラジオ３ セレクトメニューで「無効」を選択すると、隣のラジオボタンすべてがグレーになりチェックできなくなりますね。そして、セレクトメニューを「有効」に戻せば、ラジオボタンは白色に変わりチェックできるようになります。これは、JavaScript で実現します。それでは、実現方法をご紹介しますね。 まずは、上のフォームの HTML を見てください。次のようになっています。 <body onload="selectChange()"> ・ ・ ・ <form name="form1"> <select size="1" name="select1" onchange="selectChange()
JavaScript / CSS 編 - ラジオボタンの選択項目によりテキストボックスを無効にする - futomi's CGI Cafe
セレクトメニューやラジオボタンで選択させ、ある項目を選択した場合には、次の項目を無効（入力・選択不可）にしたいことはあるでしょう。次の例を試してみてください。 有効 無効 当初、ラジオボタンはどちらも選択されておりませんね。この状態では、テキストボックスは入力可能です。次に「無効」をチェックすると、隣のテキストボックスはグレーになり入力できなくなりますね。そして、「有効」にチェックを入れると、テキストボックスは白色に変わり入力できるようになります。これは、JavaScript と CSS を組み合わせて実現します。それでは、実現方法をご紹介しますね。 まずは、上のフォームの HTML を見てください。次のようになっています。 <body onload="radioChange()"> ・ ・ ・ <form name="form1"> <input type="radio" nam
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はじめてのjQuery
%sitename%