************************************************************
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
************************************************************