MASHの 初心者的JavaScript
なツール
|
|
最近の思い・・・今や、WEB2.0が様々なビジネスモデルとして具現化しつつあり、その中で、ネットのあちら側で動く「WEBアプリ」が 浸透してくるだろう。そうすると、このJavascriptの発展形というか進化合体形となるAjax(Google Earthもそれ)が面白くなる。。。 (2006年 初秋に思う) |
息抜きにどうぞ!>> 海水魚・水族館/ ネコ/ バラ/ ビジュアル詩/ 音楽サークル/ 四駆/ |
「マウスに画像が軌跡を描くようについてくる」を追加。(2004/11/27) |
「HPの背景色・文字色を一発選択」を追加。お好みのデザインが簡単にセットできます。(2004/8/27) |
「揺れるサブウィンドウ」を追加。揺れる+サブウィンドウを開くの合体です。(2003/7/11) |
有名な「降る雪」から「泳ぐ魚」を作ってみました。結構かわいいかも(2003/5/15) |
うちのニャンコが寝たまま八の字に遊泳します。ボーッとしながら見てると癒されます・・・・か?(2003/4/30) |
お馴染みの「ダンス系」を 顔文字くんに置き換えてアップしました。いろいろと顔文字のパターンを変えて お楽しみ下さい。(2003/4/20) |
自称「初心者」の方は、以下の説明をお読みの上、ここのJavaScriptサンプルをお使い下さい。尚、できれば、HTMLのことを少し |
<使い方> 1)下表内のリンクより開いたHTMLファイルを、ご自分のPCのHDへ、一度、保存して下さい。保存時のファイル拡張子は、.html, 2)保存したHTMLファイルをブラウザーで開き、ブラウザーのメニューで「表示」から「(ページの)ソース」を選びます。 3) 秀丸エディター、メモ帳、ノートパッドなどのテキストエディターでそのソースをコピーして、スクリプトを組み込みたいHPの 4)そのHPを保存して、ブラウザーで確認して下さい。サンプル・スクリプトと同じ動作をしていればOKですが、動作しなかったり、 5)スクリプトの動作OKであれば、次は、ホームページ内でのレイアウト変更ですが、JavaScriptをやろうという方は、ある程度、HTMLを |
動作確認済みのブラウザー&バージョン |
時計関連 |
||||||||
フォームで表示されるリアルタイム時刻表示 | |||||||||
ステータスバーに表示されるリアルタイム時刻 | |||||||||
アクセス時刻表示 | |||||||||
時間によって変化する絵 コンテンツも必要ですよ=>moon.gif sunrise.gif sun.gif | |||||||||
リアルタイム表示+時間によって変化する絵 コンテンツも必要ですよ=>moon.gif sunrise.gif sun.gif | |||||||||
動作確認済みのブラウザー&バージョン | リンク | ||||||||
ジャンプアップ・メニュー | |||||||||
動作確認済みのブラウザー&バージョン | 日付/メッセージ関連 | ||||||||
ステータスバーに流れるメッセージ | |||||||||
時間によって変化するメッセージ(挨拶) | |||||||||
動作確認済みのブラウザー&バージョン | チェック関連 | ||||||||
ブラウザー・バージョン・チェック | |||||||||
動作確認済みのブラウザー&バージョン | 画像&アニメ 関連 | ||||||||
アニメーションGIF/JPEG画像 コンテンツもどうぞ=>pic0.gif pic1.gif pic2.gif pic3.gif | |||||||||
画像スライドショー(Image Pager) | |||||||||
★の回転運動 | |||||||||
★の回転運動(同ページ内のGIFアニメ対応)
MSIE5.0以上で、引数不正への対応をとりました。 コンテンツ(kyo3さんの)もDLしておいてね=>pic4.gif |
|||||||||
転がっていくボール | |||||||||
踊る顔文字くん | |||||||||
これもDLしてね!→ニャンコ画像 |
|||||||||
これもDLしてね!→魚(トゲチョウ)の画像 |
|||||||||
これもこれもDLして同じフォルダーへ!→SAMPLE画像 |
|||||||||
動作確認済みのブラウザー&バージョン | 乱数関連 | ||||||||
乱数を利用したラッキーカラー占い | |||||||||
乱数を利用したランダム・リンク/アクセス | |||||||||
動作確認済みのブラウザー&バージョン | 音楽・音 関連 | ||||||||
時間によって変化するBGM+画像 | |||||||||
動作確認済みのブラウザー&バージョン | 色変化 関連 | ||||||||
HPの背景色・文字色を一発選択 | |||||||||
背景色を調整 |