************************************************************
blinkhash.js (ver. 0.11)
【 種別 】 フリーウェア
【 著作権 】 (C) Wataru Kanzaki, Wings-Winds, 2005-2007
【 URL 】 http://www.wi-wi.jp/
************************************************************
・ダウンロードしていただきありがとうございます。
ウェブページのスムーススクロールライブラリです。
解凍すると以下のファイルが作成されます。
readme.txt(このファイル)
blinkhash.js
blinkhash.js 利用:プロパティ
============================================================
8行目から16行目をページに合わせて変更して下さい。
行数: 変数名
08: this.BlinkSpeed=200;
点滅スピード(単位・ミリ秒)
09: this.BlinkTimes=3;
点滅回数
0を指定すると、一般のスムーススクロールライブラリと同じになります
10: this.Bar=['h1','h2','h3','h4','h5','h6','h7','caption'];
点滅部位
11: this.HighlightStyle={backgroundColor:'#ff9999',color:'#009900'};
ハイライト(点滅)のスタイル
元に戻す時のスタイルは自動的に取得します。
DOMによる指定、またはスタイルシートによる指定が可能。
スタイルシートによる指定は、属性、値ともにクォーテーションで囲って下さい。
例:
this.HighlightStyle={
"background-color":"#ff9999",
"color":"#009900"
};
12: this.ScrollPixels=100;
スムーススクロールの移動最大ピクセル数
13: this.ScrollSpeed=100;
スムーススクロールの移動スピード(単位・ミリ秒)
14: this.ConstLeft=true;
trueを指定すると、横方向へのスクロールを行いません
15: this.ConstTop=false;
trueを指定すると、縦方向のスクロールを行いません
16: this.UseParent=true;
trueを指定すると、以下のようなアンカーに何も含まれない場合に、
の親要素または、次にある要素がBarに指定されたタグかどうかをチェックし、該当する場合はハイライトします。
ヘッダ
ヘッダ
blinkhash.js 利用:メソッド
============================================================
Blink.Scroll();
引数なし
(0, 0)の位置までスクロールします。
ConstLeft、ConstTopの影響を受け、ともにfalseの場合はスクロールしません。
ウインドウサイズ(スクロールバーの制限)を越えるスクロールはできません。
スクロール後のハイライトは行いません。
------------------------------
Blink.Scroll(n);
引数
n : integer
ConstTopがtrueの時は横方向のみ、x=nまでスクロールします。
ConstLeftがtrueの時は縦方向のみ、y=nまでスクロールします。
ConstLeft、ConstTopがともにfalseの場合はスクロールしません。
ConstLeft、ConstTopがともにfalseの場合は縦横とも (n, n) までスクロールします。
ウインドウサイズ(スクロールバーの制限)を越えるスクロールはできません。
スクロール後のハイライトは行いません。
------------------------------
Blink.Scroll(y, x);
引数
y : integer
x : integer
ConstLeft、ConstTopの設定を無視し、 (y, x) の位置までスクロールします。
ウインドウサイズ(スクロールバーの制限)を越えるスクロールはできません。
スクロール後のハイライトは行いません。
------------------------------
Blink.Scroll(id);
引数
id:string
エレメントのidまたはnameを指定し、その位置までスクロールします。
をクリックしたときの動作のエミュレートです。
対応ブラウザ(確認済み)
============================================================
IE6 Safari1.0 Firefox1.5 Opera7 iCab3.02 Netscape7.1
NetscapeNavigator4.8(Windows) IE5.2(MacOS X)
JavaScript、制作者定義スタイルシートを使用可能なこと
NetscapeNavigator4.8での使用について
------------------------------
NetscapeNavigator4.8ではlayerタグを使わず、
divタグなどにid属性をあたえるだけでは位置情報を取得できません。
style属性にposition:absoluteを指定することで、idを指定したスクロールが可能になります。
Blink.Scroll()を使用し、ピクセルを指定したスクロールはNetscapeNavigator4.8でも可能です。
改変・転載・再配布について
============================================================
商用、非商用にかかわらず、自由に改変、ご利用頂けます
改変しないファイル、またはアーカイブ単体での再配布、販売を禁止します
このライブラリを使用したこと、または使用しなかったことにより不具合等が生じた場合でも、作者は一切の責任を負いません
改変時、Wings-Windsの著作権表記を残して頂けると幸いです
予定 (ToDo)
============================================================
Safari、Mac IEで、スクロール後にアドレス欄のハッシュの表示
ご要望がありましたら、Wings-Windsまでご報告頂けると幸いです
バグ (Bugs)
============================================================
・IE6の互換モード(DOCTYPEを記述しないHTML)での表示時、
アンカー位置がスクロール最下段よりも下にある場合、スクロール停止位置がアンカーの位置と異なる場合がある
・アンカー位置がスクロール最下段よりも下にある場合、
スクロール量がScrollPixels以下の場合、スクロールがスムースに終了しない
・htmlに対してmargin border padding、またはbodyに対してmargin borderを0px以外に指定している場合、
スクロール位置がアンカーの位置と異なる場合がある
************************************************************
Wings-Winds
http://wi-wi.jp/
(C)Copyright Wataru Kanzaki, Wings-Winds, 2005-2007
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
更新履歴
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
************************************************************