| |
Date: Wed, 4 Aug 2004 07:05:16 +0900
Subject: [pasml 40894] ??!!?!【ありがとう】!|Re:HPの画面表示がずれているのですが・・・
=== 本メールマガジンへの返信はなさらないで下さい ===
=== 投稿はパソコン困りごと掲示板で願いいたします ===
=== 掲示板ＵＲＬ： http://pasokoma.jp/ ===
----------------------------------------------------
お名前 : ぷ〜さん 困りごと掲示板から
URL :
質問URL:http://pasokoma.jp/bbs.cgi?num=151326&ope=v
ツリートップ:http://pasokoma.jp/cgi/tree.cgi?num=151326
----------------------------------------------------
TABLEタグを入れたら、両方できるかも。
<TABLE width=100%">
<TBODY>
<TR>
<TD width="100%"><MARQUEE width="100%"><IMG src="../images/kuruma.gif"></MARQUEE></TD>
</TR>
</TBODY>
</TABLE>
ちなみに、JavaScriptで、マウスポインタに画が付いてくる設定ですよね。
マウスを一番右端に持ってきても、下にスクロールバーが出てきて
ずれるって感じになると思いますよ。
試しに、
<HTML>
<HEAD>
<TITLE></TITLE>
<style type="text/css">
<!--
.mouse { position:absolute; visibility:visible; top:-100; left:-200;}
//-->
</style>
</HEAD>
<BODY>
<TABLE width=100%">
<TBODY>
<TR>
<TD width="100%"><MARQUEE width="100%"><IMG src="../images/kuruma.gif"></MARQUEE></TD>
</TR>
</TBODY>
</TABLE>
<script language="JavaScript">
<!--
/* 画像の設定 src=の所に画像のパスを設定する */
var mouse = new Array();
mouse[0] = new Image(); mouse[0].src = "../_image/ham_0.gif"; //移動してるときの画像。
mouse[1] = new Image(); mouse[1].src = "../_image/ham_1.gif"; //リンクにあわせた時の画像。
mouse[2] = new Image(); mouse[2].src = "../_image/ham_2.gif"; //ステイしたときの画像。
function changeImage(n) {
if(document.onmousemove != null) {
if(document.layers) {
document.layers[lovemouse_id].document.images[lovemouse_imgName].src = mouse[n].src;
}
else if(document.all) {
document.images[lovemouse_imgName].src = mouse[n].src;
}
}
}
function moveImage(e) {
pos = 15; //位置制御
if(document.layers) {
document.layers[lovemouse_id].moveTo(e.x+pos, e.y+pos);
}
else if(document.all) {
document.all(lovemouse_id).style.posTop = document.body.scrollTop + event.clientY + pos;
document.all(lovemouse_id).style.posLeft= document.body.scrollLeft + event.clientX + pos;
}
return true;
}
function click() {
if(document.layers) {
obj = document.layers[lovemouse_id];
}
else if(document.all) {
obj = window;
}
if(document.onmousemove == null) {
obj.document.images[lovemouse_imgName].src = mouse[0].src;
document.onmousemove = moveImage;
}
else {
obj.document.images[lovemouse_imgName].src = mouse[2].src;
document.onmousemove = null;
}
}
//------------------------------------//
var lovemouse_id = "LoveMouse";
var lovemouse_imgName = "Mouse";
document.write("<span id='" +lovemouse_id+ "' class='mouse'>");
document.write("<img src='" +mouse[0].src+ "' width=60 height=60 id='" +lovemouse_imgName+ "' name='" +lovemouse_imgName+ "'>");
document.write("</span>");
if(document.layers) {
document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN);
document.onmousedown = click;
}
else if(document.all) {
document.body.onclick= click;
}
document.onmousemove = moveImage;
//-->
</script>
<a href="http://www.yahoo.co.jp/" onMouseover="changeImage(1)" onMouseout="changeImage(0)">
yahoo
</a>
</BODY>
</HTML>
----------------------------------------------------
-- メール配信の停止： http://pasokoma.jp/taikai.shtml
-- 全国パソコン先生検索&登録： http://pas2.ann.co.jp/
----------------------------------------------------