テーブルがスクロールしても常に上部に
| サンプル |
| <HEAD> <TITLE></TITLE> <style type='text/css'> #move_lay { position: absolute; left: 0px; top: 0px; } </style> </HEAD> <BODY bgcolor="#9999ff"> <div id='move_lay'> <TABLE cellspacing="0" width="100%" border="1"> <tr> <TD align="center" width="11%"><A href="http://www.act2cool.com/html/">トップへ</A></TD> <TD align="center" width="11%"><A href="http://www.act2cool.com/kensyou/"><FONT color="#330000">懸賞</FONT></A></TD> <TD align="middle" width="11%" bgcolor="#ccffcc"></TD> <TD align="middle" width="11%" bgcolor="#ff3399"></TD> <TD align="middle" width="11%" bgcolor="#ffcc33"></TD> <TD align="middle" width="11%" bgcolor="#ccff00"></TD> <TD align="middle" width="11%" bgcolor="#66ffff"></TD> </tr> </TABLE> </div> <SCRIPT LANGUAGE="JavaScript"> <!-- lay = document[document.all ? "all" : "layers"]["move_lay"] function move_js() { tl = (document.all ? document.body.scrollTop : window.pageYOffset); cl = document.all ? lay.style.pixelTop : lay.top di = cl - tl; (di>0)?de=di:de=Math.round(di/5); if (document.all) lay.style.pixelTop -= de else lay.top -= de } window.setInterval("move_js()",5) // --> </script> </BODY> |
| ブラウザーのサイズがありますのでピクセル指定ではなくパーセント指定にしてください。 各色や、文字はお好みにどうぞ。 |
ソースを利用したら、http://www.act2cool.com/html/へリンクの協力を御願い致します。