************************************************************ blinkhash.js ver. 2012-0503_1.2.1 【 種別 】 フリーウェア 【 著作権 】 (c) Wataru Kanzaki, 2005-2012 【 URL 】 http://www.wi-wi.jp/ ************************************************************ ・ダウンロードしていただきありがとうございます。 ウェブページのスムーススクロールライブラリです。 解凍すると以下のファイルが作成されます。 readme.txt(このファイル) blinkhash.js blinkhash.js 利用:プロパティ ============================================================ 7行目から15行目をページに合わせて変更して下さい。 行末の『,』は削除しないでください。 行数: 変数名 07: BlinkSpeed:200, 点滅スピード(単位・ミリ秒) 08: BlinkTimes:3, 点滅回数 0を指定すると点滅しなくなり、一般のスムーススクロールライブラリと同じになります。 09: Bar:['h1','h2','h3','h4','h5','h6','h7','caption'], 点滅部位 10: HighlightStyle:{backgroundColor:'#ff9999',color:'#009900'}, ハイライト(点滅)のスタイル 元に戻す時のスタイルは自動的に取得します。 DOMによる指定、またはスタイルシートによる指定のどちらでも可能です。 スタイルシートによる指定は、属性、値ともにクォーテーションで囲って下さい。 例:   HighlightStyle:{ "background-color":"#ff9999", "color":"#009900" }, 11: ScrollPixels:100, スムーススクロールの移動最大ピクセル数 12: ScrollSpeed:100, スムーススクロールの移動スピード(単位・ミリ秒) 13: ConstLeft:0, 以下のいずれかを指定可能です。 true :横方向へのスクロールを行いません false :横方向へのスクロールを行い、要素の位置をウインドウの左端に表示します (数値) :横方向へのスクロールを行い、指定されたピクセルの位置をウインドウの左端に表示します 14: ConstTop:false, true :縦方向へのスクロールを行いません false :縦方向へのスクロールを行い、要素の位置をウインドウの上端に表示します (数値) :縦方向へのスクロールを行い、指定されたピクセルの位置をウインドウの上端に表示します 15: UseParent:true, trueを指定すると、以下のようなアンカーに何も含まれない場合に、 の親要素または、次にある要素がBarに指定されたタグかどうかをチェックし、該当する場合はハイライトします。

ヘッダ

ヘッダ

blinkhash.js 利用:HTML ============================================================ ページの読み込みを完了すると、タグを調べてスムーススクロールを適用します。 blinkhash.js 利用:メソッド ============================================================ Blink.Scroll(); 引数なし (0, 0)の位置までスクロールします。 ------------------------------ Blink.Scroll(arg); 引数 arg : Object { hash: String, target: String, x: Number, y: Number } hash: String エレメントのidまたはnameを指定し、その位置までスクロールします。 をクリックしたときの動作のエミュレートです。 '#id'のように、#を付けて下さい。 target: String に相当します。 x: Number y: Number (x, y)までスクロールします。 指定がなければその方向にはスクロールしません。 ウインドウサイズ(スクロールバーの制限)を越えるスクロールはできません。 対応ブラウザ(確認済み) ============================================================ IE7/8 Safari3.0/5.1 Firefox11 Opera11 iCab3.02 Chrome18 JavaScript、制作者定義スタイルシートを使用可能なこと ver.1.2より、Netscape、Mac IEのサポートを終了しました。 ブラウザの戻る・進むボタンではスムーススクロールは行われません。 IE7は戻る・進むボタンでの点滅を行いません。 改変・転載・再配布について ============================================================ 修正BSDライセンスに準拠します。 ファイル先頭の著作権表記を掲載することを条件に、自由に改変、転載、配布していただけます。 予定 (ToDo) ============================================================ インラインフレームのアドレスが変わるときに、親フレームのスクロールを抑制する ご要望がありましたら、ご報告頂けると幸いです バグ (Bugs) ============================================================ ・IE6の互換モード(DOCTYPEを記述しないHTML)での表示時、  アンカー位置がスクロール最下段よりも下にある場合、スクロール停止位置がアンカーの位置と異なる場合がある ・htmlに対してmargin border padding、またはbodyに対してmargin borderを0px以外に指定している場合、  スクロール位置がアンカーの位置と異なる場合がある ************************************************************ Wings-Winds http://www.wi-wi.jp/ Copyright (c) Wataru Kanzaki, 2005-2012 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 更新履歴 2012.05.03 ver.1.2.1 バグフィクス 2012.04.26 ver.1.2 ブラウザ戻る・進むボタンに対応(点滅機能のみ・IE7除く) 2011.12.05 ver.1.1.1 バグフィクス 2011.11.19 ver.1.1 バグフィクス 2011.11.18 ver.1.0 フレーム対応、baseタグ対応、constLeft, constTopの数値指定に対応 2010.02.09 ver.0.12 バグフィクス:Firefox3.0以上でスクロール地点が小数になる仕様に対応 2007.08.01 ver.0.11 Scroll()メソッド追加、バグフィクス 2007.07.17 ver.0.10 バグフィクス 2007.02.15 ver.0.9 this.UseParentオプション追加 2006.07.25 ver.0.8 ************************************************************