No.3
- 回答日時:
こんにちは。
>メニュー部分のアルファ値を設定することはできないのでしょうか。
できますーーー。
でも、めんどくさいですーーーー。
めんどくさい、というのは、ブラウザの振り分けしてくれてるので、それごとに指定しなくちゃいけないため・・・・(親切なんですけどね、カスタマイズするとしたら、自分で書いてないので探すのが一手間、というイミです)。
IEダケでよろしければ、
fw_menu.jsの中に、
window.ActiveMenu = l;
var s = l.style;
s.visibility = "inherit";
という記述を見つけて下さい。
で、ここを
window.ActiveMenu = l;
var s = l.style;
l.style.filter = "progid:DXImageTransform.Microsoft.Fade(0.5)";
l.filters[0].apply();
s.visibility = "inherit";
l.filters[0].Play();
みたいな感じで、フィルタ効果設定します。
>htmlで ["PanelOpacity", 85]と書くと
が、どういう仕組みなのか、ちょっとわからないんで、フィルタに関しては以下御参照ください。
上のだとちょっと特殊なパターンで、フェードインして現れます。
(一律同じアルファ値で、特に動作はないのかな)
参考URL:http://www.microsoft.com/japan/developer/library …
ご回答ありがとうございます。
半透明できました!
var s = l.style;
l.style.filter = "alpha(opacity=85)";
l.filters[0].apply();
s.visibility = "inherit";
l.filters[0].Play();
↑
こんな感じで、使わせていただきました。
とても助かりました。
ありがとうございました。
No.2
- 回答日時:
#1のAllenです。
Dreamweaverというより、Fireworksでしたね。(^^; ゴメン
透明度を85%にするのはHTMLに入れるのしか知らないのですが・・。(^^;
それだと土台になるメニューにだけしか適用されないんですよね。
Fireworks+Dreamweaverの場合には、Fireworks上でグラフィックスその物の透明度を変えた方が便利だったりして。
ありがとうございます。
Fireworksで透明度の設定をしようといろいろやってみたのですが、
うまくいきません、、、
例えば画像Aにロールオーバー→プルダウンメニュー(メニュー部分の背景に画像Bを使用)表示というとき、プルダウンメニューの下にテキストなどがある場合メニューが透過しているイメージにしたいのです。
ちょっとここのカテゴリとずれてしまうのですが、よろしくお願いします。
No.1ベストアンサー
- 回答日時:
Dreamweaverを使ってのチュートリアルがマクロメディアにありますよ。
もし、「どのように・・」ってこれから勉強したいなら、試してみるといいかも。
Dreamweaverのトライアルバージョンもダウロードできるし・・。
もし「JavaScriptを」ということなら、www.javascript.com とかにサンプルがあると思うけど。
参考URL:http://www.macromedia.com/jp/support/dreamweaver …
ご回答ありがとうございます。
Fireworksを使って簡単にできるんですね!勉強になりました。
そこでもう1つご質問させていただきたいのですがよろしいでしょうか。
今、以下のような方法で作成しているのですが、メニュー部分のアルファ値を設定することはできないのでしょうか。
前試した方法で、設定できるものがあったので…(でもそれはメニューの位置が変えられないのでダメでした)
前試したのは外部jsファイルを読み込んで、htmlで ["PanelOpacity", 85]と書くと透明度が85%になるというものです。
もし今回の場合にもできるようであれば、方法を教えていただけると嬉しいです。
よろしくお願いします。
▼head内
<script language="JavaScript">
<!--
function fwLoadMenus() {
if (window.fw_menu_0) return;
window.fw_menu_0 = new Menu("root",300,16,"MS UI Gothic, Osaka",10,"#3B5364","#D18A00","#C2CCD0","#F1F3F3");
fw_menu_0.addMenuItem("aaaaa","window.open('aaaaa.html', '_top');");
fw_menu_0.addMenuItem("bbbbb","window.open('bbbbb.html', '_top');");
fw_menu_0.bgImageUp="../img/a.gif";
fw_menu_0.bgImageOver="#FFFFFF";
fw_menu_0.hideOnMouseOut=true;
:
:
fw_menu_8.writeMenus();
}
//-->
</script>
<script language="JavaScript1.2" src="fw_menu.js"></script>
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
//-->
</script>
▼body内
<script language="JavaScript1.2">
fwLoadMenus();
</script>
<img src="../img/b.gif" width="681" height="439" usemap="#Map" border="0"><map name="Map">
<area shape="circle" coords="41,40,36" href="#" target="_top" onMouseOut="FW_startTimeout();" onMouseOver="window.FW_showMenu(window.fw_menu_0,60,110);"></map>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスで記事を書くスペースの横幅を広げたいです。 1 2022/09/24 18:16
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- 防犯カメラ・監視カメラ・小型カメラ VHSを高画質な動画ファイルにしたいです。 3 2022/05/06 12:08
- Word(ワード) ワード。オブジェクトの一部分にグラデーションを塗るには 2 1 2022/10/04 16:25
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- プリンタ・スキャナー 封筒印刷 差出人印刷ずれる 4 2022/05/01 10:12
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- 確定申告 確定申告のeTax申請、JA口座振替納税設定について 2 2023/02/11 08:30
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1枚の画像をクリックすると複数...
-
jQuery bxSlider 画像に変更
-
クリッカブルマップの一部分だ...
-
画像をクリックして別の画像を...
-
javaを使ってマウスオンでの画...
-
ランダム表示に加えwidthをブラ...
-
画像にロールオーバーするとメ...
-
プルダウンの位置がwin/macでず...
-
Javascript で共通の処理をどこ...
-
javascriptテキストBOX色を元に...
-
フォームに入力された値により...
-
MAX関数を使ってからLEFT JOIN...
-
自働生成される<div>タグに連番...
-
javascriptでフォーカスを当て...
-
指定したパスが現URLに含まれて...
-
removeAttribute()メソッドで削...
-
CSS <div>の入れ子が反映さ...
-
外部javascriptの重複を防ぐには
-
クリックすると下に説明文が出...
-
YouTubeをブログに貼る時、1つ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1枚の画像をクリックすると複数...
-
画像の重なりの順序を代える方...
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
透過pngの透明部分以外をクリッ...
-
1枚の画像をクリックして複数の...
-
ステータスバーについて
-
JavaScript スライドの画像にリ...
-
マウス追従スクリプトについて
-
画面の表示位置を指定させて表...
-
Javascriptで指定した日付と時...
-
プルダウンの位置がwin/macでず...
-
jQueryで特定のURLの時のみ表示
-
オンマウスで、画像切り替え+...
-
バナー広告のように表示させた...
-
ランダム表示に加えwidthをブラ...
-
JavaScriptとチェックボックス...
-
ホォルダの読む込み
-
jQuery bxSlider 画像に変更
-
画像にロールオーバーするとメ...
おすすめ情報
