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

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

●質問者: kouichi30f
●カテゴリ:インターネット ウェブ制作
✍キーワード:JavaScript test スクロール 作りました
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● izayoimizuki
●60ポイント

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ベースでレイアウトする方が良いと思います。

◎質問者からの返答

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

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

関連質問


●質問をもっと探す●



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