今回ご紹介するのは、smoothscrollです。 このページのトップへなどアンカーへのリンクがある場合、スムーズにスクロールさせることができます。急に画面が切り替わることなく移動している様子が分かるので、ユーザーに親切だと思います。設置も簡単なのでぜひお試しください。 使用方法 ファイルのダウンロード Smooth scrolling demoのページよりsmoothscroll.jsをダウンロードします。 Javascriptの読み込み 速度の変更 スクロールの速度を変更したい場合は、smoothscroll.jsを開き以下の箇所の数値を変更してください。値が小さいほど早くなります。 ss.STEPS = 25; ツイート

<script type="text/javascript"> <!-- window.onload = function() { for (var i = 0; i < document.links.length; i++) { var ele = document.links[i]; if (ele.href.match(/^http/)) { ele.target = "_blank"; } } } // --> </script> アンカーに target="_blank" を指定しなくても、ページ内にあるリンクを全て新しいウィンドウで開きます。 上記のソースを追加するだけで <base target="_blank"> とほぼ同様の効果が得られます。ただし、フォームの送信や javascript スキームを使用したリンクは適用されません。 <script type="text/j

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

<script Language=javascript> <!-- function show(inputData) { var objID=document.getElementById( "layer_" + inputData ); var buttonID=document.getElementById( "category_" + inputData ); if(objID.className=='close') { objID.style.display='block'; objID.className='open'; }else{ objID.style.display='none'; objID.className='close'; } } //--> </script> <p>メニューリスト</p> <ul> <li><a href="j

このページは Javascript「Smooth scrolling」のサンプルページです。下のボタンをクリックするとページ内をスクロールしながら移動します。 TopMiddleBottom この手の Javascript を幾つか試してみたのですが、個人的にはこの「Smooth scrollng」今のところ１番好きです。 Prototype (http://prototype.conio.net/)や jQuery (http://jquery.com/) Yahoo! UI Library (http://developer.yahoo.com/yui/)など Javascript のライブラリは沢山ありますが、この Smooth scrolling はそう言ったライブラリを読込まなくても単体で動いてくれるので、気軽に導入できるのも使いやすいのではないでしょうか。 しかも、名前の通りス

大きい画像を限られた領域内に表示し、Googleマップのようにマウスのクリックとドラッグでその画像をアニメーションでスライドできるスクリプトを紹介します。 SpryMap デモページ [ad#ad-2] スクリプトはjQueryなどの他のライブラリは必要とせず、単独で動作します。 SpryMapの特徴 他のライブラリに依存せずに動作する超軽量（3KB）のスクリプト。 画像を表示する領域はピクセル単位で指定が可能。 画像を最初に表示する座標を設定可能。 スクロールのアニメーションの時間を設定可能。 SpryMapの実装 実装は簡単で、画像にidを指定して使用します。 HTML スクリプトでラッパーとなるdiv要素を追加します。divのclassはオプションで設定できます。 <img id="worldMap" src="map.jpg" alt="A map of the world." /