TOP　　 　　Topics　　 　　Diary　　 　　Information　　 　　Java Script　　 　　CSS　　 　　HTML　　 　　BBS　　 　　Link　　

Javascript Patchworker
top information javascript html css 閉鎖中です link

擬似ツールバー

ドキュメント関連

文字がスライドイン

文字が伸び縮み

枠線を徐々に表示

オブジェクトを自在に移動

キーボードからの入力を認識

タイピングゲーム

連続して文字をスライド

icon擬似ツールバー

JavaScript

iconドキュメント関連

リンク関連

マウスオーバー関連

ウィンドウ関連

フォーム関連

フィルタ関連

Tips

トップページ

更新履歴

日記

インフォメーション

iconJavaScript

HTML

CSS

掲示板

リンク集

 　

icon このスクリプトについて
　最近巷でよく見かけるようになったツールバーもどきです。スクロールすると追っかけてきます。 ツールバーと銘打ってはありますが、テーブルの形状を工夫し、スタイルシートを少し編集することでボックスタイプのものにもなります。（ボックスタイプもよく見かけますね。） シンプル以前にデザインされているといえませんので、画像などを使って装飾してください。

icon 関連

CSS : ポジション関連　マージンを指定

icon 対応ブラウザ
WIN IE 4.0〜 NN 6.0〜　MAC IE 4.0〜 NN 6.0〜

icon サンプルソース

icon ユーザ設定
　ユーザーが設定する変数は特にありません・・・と書くとスペースが余るので、スタイルシートの編集の仕方について書こうと思います。
top, leftの属性を用いて位置を指定できます。それぞれ左上を基準に下方向への距離、右方向への距離を指定します。
また、width属性には百分率で指定する代わりに○○pxと書くことで、具体的な幅が指定できます。height属性を新たに導入することで高さも指定できます。
もう少し詳しく読みたい方はCSSのポジション関連をご覧ください。

icon JavaScriptのTOPに戻る　　 icon TOPに戻る

Navigation

ホーム　-　更新履歴　-　ダイアリー　-　インフォメーション　-　JavaScript　-　HTML　-　CSS　-　BBS　-　リンク集
このサイトへのリンクはご自由に。一言掲示板かメールで断っていただけるとありがたいです。
Copyright © 2005 ミケネコ (neko_141@hotmail.com) All Rights Reserved.