jQuery とっても簡単、ページ内リンクでスムーズスクロール
ページ内リンクでスムーズにスクロール移動させる方法の紹介です。とても簡単に実装できます。 スムーズスクロール?というかたは、↓の DEMO をご覧になって、どこかリンク部分(下線がある文字)をクリッックしてください。ページ内でリンクが貼ってある場所へスムーズにスクロールするはずです。 *味も素っ気もない DEMO...
View ArticlejQuery マウスオーバーで横からパネルかメニューをニューっと出す
jQueryを使って、マウスオーバーするとパネルがニューッと出てくる方法をご紹介します。 表示スペースを有効に使いたいときや、ちょっとしたサイトアクセントにいいかもしれません。 INDEX バネル全体がニューッと出てくるタイプ 各メニューがニューッと出てくるタイプ 基本的な作り方は同じで、違うのはCSSだけです。 バネル全体がニューッと出てくるタイプ ▶ DEMO 1 jQuery読み込み...
View ArticlejQueryプラグイン 縦方向にスクロールするティッカー「vTicker」を実装してみる
縦方向にスクロールするティッカーを実装できるjQueryプラグイン「vTicker」の実装手順をご紹介します。 下のソースのようなリストタグで作られたものを、1行づつスクロールしてくれます。 <ul> <li>・・・・・</li> <li>・・・・・</li> <li>・・・・・</li> ・・・・・・・・...
View ArticlejQuery 画面サイズの高さを取得して、要素に反映させる
コンテンツの中身が少なくて高さがとれず、フッターなどの下が見えるのがイヤなときに有効です。 高さをつけたい要素(div・section・articleなど・・・)に class=”section”とつけて、下のコードを headタグの間に記述します。 <script> //開いた画面の高さを取得 var WindowHeight = $(window).height();...
View ArticlejQuery 画面の高さを取得して、ボックス要素の高さを画面の高さにする
任意のボックス要素を画面の高さと同じにします。 *ボックス要素の高さが画面サイズより大きい場合は、そのまま何もしません。 $(document).ready(function(){ //画面の高さを取得して、変数wHに代入 var wH = $(window).height(); //div#exampleの高さを取得を取得して、変数divHに代入 var divH =...
View Article
More Pages to Explore .....