人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

http://www1.odn.ne.jp/hellowork_adachi/ここはハローワーク足立のホームページの一覧なのですが、ホームページビルダー6.5のソフトを使って同じようにポインターがうごくとコメントがでるようにしたいのですが、どのようにつくったらいいのでしょうか?

●質問者: harurun40
●カテゴリ:ウェブ制作
✍キーワード:うご コメント ソフト ハローワーク ホームページ
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● SuperTTS
●20ポイント

http://www4.osk.3web.ne.jp/~kitayan/java/linksaki.htm

リンク先の説明文

ホームページ拝見しましたが、お問い合わせのコメントが確認できませんでした

ですので一般的な回答をさせていただきます。

・リンク画像の上にポインタを置くとコメントがポインタの所に出てくる

これはイメージタグで指定します

<img src=”filename.jpg” alt=”コメント”>

・リンクや画像などの上にマウスを置くと、ページ内の決まった場所にコメントが出る

これはジャバスプリクトのオンマウスイベントを使用します

詳しくは下記URLをご参考にどうぞ


2 ● masi
●15ポイント

javascriptのonmouseoutとonmouseoverでマウスが重なったり離れたりの判定で画像をいれかえています


3 ● masaomix
●35ポイント

http://hpb.cool.ne.jp/index.html

ホームページ作成ソフトホームページビルダー13.12.11の使い方

ご質問は、こうした「吹き出し表示」や「ロールオーバー」などを

ホームページビルダーでどう作るか、ということですよね。

ご紹介したページは図入りでとてもわかりやすく解説してくれていますので

きっとすぐに出来るようになると思いますよ。

リンクにマウスを乗せるとコメントが噴き出し表示されるやり方は、

ご紹介したぺーじのメニュー右側、

「各種ソフト使用法解説」の「ホームページビルダー」を選び、

続いて「練習してみよう」の「代替テキストを画像につけてみよう」を選ぶと

やり方が出てきます。

1の回答にあったような alt=”コメント”で記述するコメントを

ホームページビルダーでは「代替テキスト」と呼んでいるんですね。

ですから、画像の属性の「代替テキスト」の欄に表示させたいコメントを入れれば、

そこにマウスを持っていくとそれが吹き出し形式で表示されるようになります。

マウスを持っていくと画像が変わるやり方は「ロールオーバー」と言って、これは

「各種ソフト使用法解説」→「ホームページビルダー」→「応用技」→「ロールオーバー機能を使おう」と、

「各種ソフト使用法解説」→「ウェブアートデザイナー」→「応用技」→「ロールオーバー画像を作ろう」をご覧ください。

こちらの説明はv6用のようですが、基本的に6.5でも同じです。

ではでは、ご健闘をお祈りします(^-^)/

◎質問者からの返答

ありがとうございます。

がんばって作成したいとおもいます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ