javascriptについて質問です。

スクロールナビなのですが2個同時に動かしたいのです。
質問が長すぎるため
http://test.kousyunyu.net/test.html
でtestページ作りました。見ていただければ幸いです。
今はtestページで1個(青)だけ動くのですが、これを2個同時に(青、赤)平行で移動できるようにしたいです。
教えていただけないでしょうか?

回答の条件
  • 1人3回まで
  • 登録:2006/03/14 21:30:19
  • 終了:2006/03/15 04:38:50

回答(1件)

id:izayoimizuki No.1

izayoimizuki回答回数302ベストアンサー獲得回数02006/03/14 22:12:24

ポイント60pt

HTML側での対応です。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

<meta http-equiv="Content-Style-Type" content="text/css">

<meta http-equiv="Content-Script-Type" content="text/javascript">

<title>test</title>

<SCRIPT TYPE="text/javascript" SRC="elevatenavi2.js"></SCRIPT>

<style type="text/css">

<!--

.style2 {font-size: 12px}

  • >

</style>

</head>

<body onLoad="ENInit('elevnavi2',10,0,300)" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">

<tr><td colspan="3" height="300" bgcolor="#CCCCCC">&nbsp;</td></tr>

<tr><td width="100" valign="top">

<div id="elevnavi2">

<table align="center" width="900" height="300" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="100" bgcolor="#0000FF">&nbsp;</td><td width="700">&nbsp;</td><td width="100" height="300" bgcolor="#FF0000">&nbsp;</td>

</tr>

</table>

</div>

</td><td width="700">

<table border="1" cellspacing="0" width="100%">

<tr><td>

main

</td></tr>

</table>

</td><td width="100">&nbsp;</td></tr>

</table>

</body>

</html>

といった感じでいかがでしょうか。

JavaScriptには一切変更を加えていません。

ただ・・・ここまでするなら

テーブルベースでレイアウトするよりも

CSSベースでレイアウトする方が良いと思います。

id:kouichi30f

ありがとうございます。一応理想の完成ページができました。cssで対応したほうが重いページの場合、表示速度は早く表示されるのでしょうか?

いまどきですが12Mです。

2006/03/15 02:41:41
  • id:izayoimizuki
    izayoimizuki 2006/03/15 16:44:59
    CSSを外部ファイルにすると
    複数のページでCSSファイルを共有できます。
    キャッシュが活用できるようになる為
    1ページでは転送量が増えても
    複数のページを表示した時に転送量が低下します。

    そしてADSL等の有る程度の転送速度を持つ回線で問題になるのは
    ファイルサイズよりもそのファイルを表示するのにかかる時間です。
    Tableはレンダリングに必要な時間が最も長いタグで
    CSSを使うと殆どの場合1/3以下の時間でレンダリングできます。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません