ホームページにおいて、ポインタを合わせると「ピッ」などと音が
鳴るボタンってどうやって設定をするのでしょうか?
 またフリー素材で紹介しているホームページなどはございますか?

このQ&Aに関連する最新のQ&A

A 回答 (3件)

<BGSOUND id="bgs" src="">


<INPUT type="button" value="オンマウスで音" onmouseover="bgs.src='音ファイルのURL'">

参考URL:http://ad.il24.net/~ura/java/bgsound.htm
    • good
    • 0

HTMLでボタンというのは一般的にこのページの上の方にある


質問検索のところの「検索」と書いてある灰色のボタンのようなものをいいます。

Spurさんがおっしゃるように画像の上にマウスがくると音が鳴るようなものならば、

1:flashを使う
2:javaappletを使う
3:javascriptを使う

という方法が考えられます。

下記URLではjavascriptでの方法のサンプルが説明されているので
参考にしてみるといいでしょう。

参考URL:http://ad.il24.net/~ura/java/sample.htm
    • good
    • 0

それは本当にボタンでしたか?


画像で作ったものじゃないでしょうか?
もしそうならFlashだと思います。
ボタンではできないと思いますよ。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qホームページで背景の色と素材の色を合わせたいときは?

ホームページを作っています。
背景の色、たとえば bgcolor=#CE0000 と
その背景の上に、同じ色#CE0000で素材を作りたいんですが、
どうすればいいでしょうか??
フォトショップを使っていますが、どうすればいいのかわかりません。

#CE0000というのを数字に変えるのですか?
なにかいい方法があれば教えてください!!

Aベストアンサー

1.bgcolor=#CE0000 のページビューをPrintScreenでキャプチャする
2.そのスクリーンショットをPhotoshopに貼り付け
3.カラーピッカー(スポイト)で色をピック
4.ピックした色で素材を描く

これが一番確実かもしれません。
もちろん#CE0000を16進→10進変換でRGBに直すこともできますが、↑の方が手っ取り早いんじゃないかと。

Qホームページ用の素材の作り方

こちらホームページ作成初心者のcyainuです。どうしてもわからないことがあったので、こちらに質問させて頂きます!よくホームページ用の素材ってありますよね?バナーとか、アイコンとか。私はホームページによくある、HOMEとか(このサイトでいうと、比べてOK、教えてOK,こっそり教えてOKのようなやつ)を作りたいんですけど、作り方がわかりません!こうゆう素材ってどうやって作ればいいんですか?あと、この名称も教えてくださると助かります。誰か教えてください。ちなみにdreamweaverでホームページを作る予定です。(HTMLタグもわかります)

Aベストアンサー

Dreamweaverを使用しているのなら、Fireworksは持っていますか?通常別々のソフトですけど、同梱パッケージもあるもので…。

少なからず画像作成ソフトが必要となりますね。Windowsで作業されているのなら、窓の杜で画像作成ソフトを探してみてはいかがでしょう?

フリーソフトもあるので試してみると良いと思います。

参考URL:http://www.forest.impress.co.jp/lib/inet/homepage/logobutton/

Qホームページの背景画像をパソコン画面に合わせたい

ホームページを閲覧しに来るユーザーに見せる背景画像をパソコンの画面の大きさに合わせて、画面枠と背景画像の大きさを揃えたいのですが、どのようなタグにすればいいのかわかりません。
1024×768ピクセルの画面でも
1280×1024ピクセルの画面でも
1920×1200ピクセルの画面でも
同じような背景画像として映るようにしたいです。縦と横の画像の比率は多少変化しても構いません。 


どうか、ソースの記述をお願い申し上げます。お手数かけて誠に申し訳ありません。どうか、どうか、ご教授願います。

Aベストアンサー

<div style="position:absolute;top:0;left:0;" class="hh">
<img src="r014p.jpg" style="width:100%;" alt="背景画像"></div>
<div style="position:absolute;top:0;left:0;width:100%;">
<div style="padding-left:2em;padding-right:1em;padding-bottom:1.5em;">
通常の内容
</div></div>

padding-left:2em;padding-right:1em;padding-bottom:1.5emは、ページに対して空白とっています。

hhは、縦と横は、javascriptで変更です。
bb=screen.width; //横幅
aa=screen.height; //縦幅
if (aa>=1200) {dirName="g_f/t1200.css";}
else if(aa>=1024) {dirName="g_f/t1024.css";}
else {dirName="g_f/t768.css";}
//window.alert("dirName!!" + dirName);
document.write("<link rel='stylesheet' href='"+dirName+"' type='text/css'>");

<div style="position:absolute;top:0;left:0;" class="hh">
<img src="r014p.jpg" style="width:100%;" alt="背景画像"></div>
<div style="position:absolute;top:0;left:0;width:100%;">
<div style="padding-left:2em;padding-right:1em;padding-bottom:1.5em;">
通常の内容
</div></div>

padding-left:2em;padding-right:1em;padding-bottom:1.5emは、ページに対して空白とっています。

hhは、縦と横は、javascriptで変更です。
bb=screen.width; //横幅
aa=screen.height; //縦幅
if (aa>=1200) {dir...続きを読む

Qたまに見かけるポインタに星などがくっついてくるページ。

たまにみかけることがある、ブラウザウィンドウ内でポインタを動かすと、
星などのマークがついてくる面白いページがありますよね?
アレはどうやっているのか知っている方がおられましたら、
是非教えていただきたいのですが…

Aベストアンサー

それは「JavaScript」です。
JavaScriptの配布サイトなら比較的どこでもおいていると思います。

下記サイトさんにもサンプルがありますし、JavaScriptの解説もされています。

「CLUB とむやん君」http://www2s.biglobe.ne.jp/~club_tom/

Qホームページのsidebar とcontentの丈(縦幅)を合わせるに

ホームページのsidebar とcontentの丈(縦幅)を合わせるには。Dreamweavercs5でホームページを作っている初心者です。sidebar(横20%) とcontent(横80%)で、contenerは、横80%、でうまく会ってますが。縦のheader,sidebar,content,footerをpxで指定して、プラウザを開けながら試行錯誤でcontent とsidebarの丈(height)を、会わせていますが、エンドが、ぴったり合いません(同じheight
数値を入れても合いません)。隙間が出来て見苦しいです。%指定もわたしがやると、sidebarが、変化しないで、autoと同じ丈のままです。何か、基本的なことを、忘れてるんでしょうか?なにか良い方法があれば、よろしくお教えください。

Aベストアンサー

DreamweaverCs5の質問ですよねえ?

 marginとかpaddingの影響でしょうか

単純な<div>なら、手打ちでコーディングしても隙間は出来ません。

<style type="text/css">
#header {background-color:yellow;}
#sidebar {background-color:blue;width:20%;height:500px;float:left;overflow:hidden;}
#content {background-color:green;width:80%;height:500px;overflow:hidden;}
#footer {background-color:red;;clear:both;}
</style>


<body>
<div id="header">header</div>
<div id="sidebar">sidebar</div>
<div id="content">content</div>
<div id="footer">footer</div>
</body>

DreamweaverCs5の質問ですよねえ?

 marginとかpaddingの影響でしょうか

単純な<div>なら、手打ちでコーディングしても隙間は出来ません。

<style type="text/css">
#header {background-color:yellow;}
#sidebar {background-color:blue;width:20%;height:500px;float:left;overflow:hidden;}
#content {background-color:green;width:80%;height:500px;overflow:hidden;}
#footer {background-color:red;;clear:both;}
</style>


<body>
<div id="header">header</div>
<div id="sidebar">sidebar</div>
<d...続きを読む


人気Q&Aランキング

おすすめ情報