リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」 2007年08月07日- Scrollovers - A New Way of Linking Scrollovers are a way to quickly and easily add flair to your web pages, giving your users an experience they weren't expectin g. リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」。 例えば、次のアンカーにカーソルを合わせて みてください。 [YOUR TEXT HERE] Scrollovers を使えば、こんなリンクの貼り方が出来ます。 普通のリンクより 分かりやすいだけでなく、訪問者に驚きを与えることが出来ますね

超簡単！ 貼り付けるだけのJava Script素材集 Java Script素材集(JS学習) こちらのサイトは、web作成に興味をお持ちの初心者を対象としたＪａｖａＳｃｒｉｐｔ素材集です。ホームページ作成で避けては通れない機能（動的書き換え／入力フォームなど）なので、ウェブデザイナー・プログラマーを目指している方は、是非チャレンジして下さい。　運営開始日：1999/07/21 ジャバスクリプトって？ ＪａｖａＳｃｒｉｐｔとは、htmlのタグ内に貼り付けるだけで動作するインターネット上のスクリプトです。C言語に似た手続き型言語で記述されているので、一見「難しい」と思われがちですが、設置は意外と簡単です。すべての内容を理解できなくても設置はできるので、ホームページをお持ちの方は、まずコピー＆ペーストしてみてください。 貼り付けたけど動作しない！ 動作しない原因は無数にありますので、勉強がて

ブラウザのウインドウサイズに合わせて、スタイルシートを変更し、レイアウトを最適化する方法をCSS-Tricksから紹介します。 Different Stylesheets for Differently Sized Browser Windows デモではブラウザのサイズを変更すると、それに応じてレイアウトが変わります。

今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2

web creators 12月号 仕掛けで見せる! WEBデザインTIPS ＆ TRICS 1. フォントサイズをワンクリックで変更する >> source 2. アクセシビリティの高いタイトル画像 >> source 3. 四つ角を丸くデザインする >> source 4. 訴求効果の高いリンクテキストの動的なフォーカス効果 >> source 5. 見出しに自動的に番号を振る >> source 6. 古いブラウザにCSSを読み込ませない >> source Copyright (c) 2004 MdN Corporation  All rights reserved.

<script language="Javascript"> <!-- function bk(img) {document.body.background=img;} //--> </script> <table border="0" width="150" cellpadding="0" cellspacing="0"> <tr> <td><a href="#" onclick='bk("img/bk_1.gif");return false'><img src="img/bk_1.gif" border="0" width="50" height="50"></a></td> <td><a href="#" onclick='bk("img/bk_2.gif");return false'><img src="img/bk_2.gif" border="0" width="50" h

ホームページのレイアウトはテーブルによるものが主流でしたが、今後はスタイルシートを使ったレイアウトが標準となっていくでしょう。

ADSL・ヤフーBB オリジナルキャンペーン 絶対お得！！ 低価格で使えるレンタルサーバー 現在使わせていただいています。 HPに広告をつけるなら A8.netが安心です。 オリジナルドメインが 低価格 BBS-BOXさんの掲示板のCGIに手を加え使っています。 掲示板用にペンギンのアイコンをお借りしました。 オルゴール曲をお借りしました。 掲示板用にhome、mailアイコンをお借りしました。 無料のメールデコードサービス。 ブログやるならFC2ブログ （無料） ブログのアクセスアップ

┣　文字列のスクロール（テキストボックス） ┣　文字列のスクロール（ステータスバー） ┣　1文字ずつ表示（テキストボックス） ┣　1文字ずつ表示（ステータスバー） ┣　1文字ずつ表示（テキスト） ┣　マウスを重ねると説明を表示（テキストボックス） ┣　マウスを重ねると説明を表示（ステータスバー） ┣　マウスを重ねると説明を表示（テキスト） ┣　マウスを重ねると説明を表示（ポップアップ） ┣　マウスと共に移動するイメージ ┣　入力できないテキストエリア ┣　クイックリンク ┣　クイックリンク（フレーム形式） ┣　複数のフレームページを同時に変更する ┣　プロンプトをパスワードの入力に利用 ┣　リンクボタン ┗　リロードボタン

■基本 ［０１］JavaScriptを定義する ［０２］外部JavaScriptファイルを読み込む ［０３］スタイルシートを定義する ［０４］NN3、NN4、NN6、IE4.x、IE5.xで動作するように記述する ［０５］NN4でのみ動作するように記述する ［０６］NN6でのみ動作するように記述する ［０７］IE4.x以上で動作するように記述する ［０８］IE5.x以上で動作するように記述する ［０９］IE5.5以上で動作するように記述する ［１０］ビヘイビアファイルを読み込む ［１１］IEとNN両方で動くように記述する ［１２］連続して関数を呼び出す ［１３］MacOS Xかどうか判別する ［１４］Safariのみ動作するように記述する ［１５］Safariのバージョンを返す ［１６］Operaのみ動作するように記述する ■構文 ［０１］変数に文字や数値を入れる ［０２］四則演算を行う

HTML やスタイルシートはWebページをどのように表示するかを指示する言語ですが、 ユーザーの反応に合わせてページを変化させたりすることはできません。 JavaScript を使用するとマウス操作やキーボード操作に合わせてWeb ページを動的に変化させることができます。 JavaScript ではOS やブラウザー･ブラウザーのバージョンによって、同じスクリプトでも動作が違ったり、スクリプト内で使用している命令がそのブラウザーでは未対応であったりすることがあります。 そこで当サイトでは、解説ページの一番下に各ブラウザーの対応表を設けております。 これを参考にしてターゲットの環境に合ったスクリプトの作成を行なってみてください。 JavaSript 講座へようこそ！ ホームページは作れるようになったがページにちょっとしたアクセントをつけたい！ もっとインタラクティブなホームページにしたい！