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