Java-Script

　ウインドウをスクロールさせる。 　　　　　
Sample
　右下の、[Up][Down]　の画像にマウスを乗せてください。
ソース
<HTML>
<HEAD>

<style type="text/css">
#item {position:absolute; visibility:hidden; left:0px}
</style>

<SCRIPT LANGUAGE="JavaScript">
<!--
var isNSC=(document.layers);
var is_all=(isNSC)? '' : 'all.' ;
var is_style=(isNSC)? '' : '.style' ;
var is_visible=(isNSC)? 'show' : 'visible';
var win_wd, win_ht, item, true_scroll=false, for_down;
function init(){
  item=eval('document.'+is_all+'item'+is_style);
  get_win_size();
  item.visibility=is_visible;
  scrl_page();
}
function get_win_size() {
  win_wd=(isNSC)? window.innerWidth-5 : document.body.clientWidth;
  win_ht=(isNSC)? window.innerHeight : document.body.clientHeight;
  (isNSC)? item.clip.width=42: item.width=42;
  (isNSC)? item.clip.height=20 : item.height=20;
  mv_item();
}
function resize_NSC() {
  setTimeout('document.location.reload()',400);
}
function mv_item() {
  if (isNSC) {
    item.moveTo((pageXOffset+win_wd-120),(win_ht+pageYOffset-120))
  }else{
    item.pixelLeft=document.body.scrollLeft+win_wd-120;
    item.pixelTop=win_ht+document.body.scrollTop-120;
  }
}
window.onload=init;
(isNSC) ? window.onresize=resize_NSC : window.onresize=get_win_size ;
function scrl_page() {
  status = '';
  if (true_scroll) {
    if (for_down) {
      (isNSC)? window.scrollBy(0,4) : window.scrollBy(0,4) ;
    } else {
      (isNSC)? window.scrollBy(0,-4) : window.scrollBy(0,-4) ;
    }
  }
  mv_item();
  setTimeout('scrl_page()', 20);
}
//-->
</script>

</HEAD>
<BODY>
<div id="item">
<a href="javascript:void(0)" onMouseover="true_scroll=true; 
for_down=false" onMouseout="true_scroll=false">
<img src="up.gif" border="0"></a><br><br>
<a href="javascript:void(0)" onMouseover="true_scroll=true; for_down=true" 
onMouseout="true_scroll=false"><img src="down.gif" border="0"></a>
</div>
<table border=0>
<tr><td>
ウインドウのスクロール<br>
　ウインドウのスクロール<br>
　　ウインドウのスクロール<br>
　　　ウインドウのスクロール<br>
　　　　ウインドウのスクロール<br>
　　　　　ウインドウのスクロール<br>
　　　　　　ウインドウのスクロール<br>
　　　　　　　ウインドウのスクロール<br>
　　　　　　　　ウインドウのスクロール<br>
　　　　　　　　　ウインドウのスクロール<br>
　　　　　　　　　　ウインドウのスクロール<br>
　　　　　　　　　　　ウインドウのスクロール<br>
　　　　　　　　　　ウインドウのスクロール<br>
　　　　　　　　　ウインドウのスクロール<br>
　　　　　　　　ウインドウのスクロール<br>
　　　　　　　ウインドウのスクロール<br>
　　　　　　ウインドウのスクロール<br>
　　　　　ウインドウのスクロール<br>
　　　　ウインドウのスクロール<br>
　　　ウインドウのスクロール<br>
　　ウインドウのスクロール<br>
　ウインドウのスクロール<br>
ウインドウのスクロール<br>
ウインドウのスクロール<br>
　ウインドウのスクロール<br>
　　ウインドウのスクロール<br>
　　　ウインドウのスクロール<br>
　　　　ウインドウのスクロール<br>
　　　　　ウインドウのスクロール<br>
　　　　　　ウインドウのスクロール<br>
　　　　　　　ウインドウのスクロール<br>
　　　　　　　　ウインドウのスクロール<br>
　　　　　　　　　ウインドウのスクロール<br>
　　　　　　　　　　ウインドウのスクロール<br>
　　　　　　　　　　　ウインドウのスクロール<br>
　　　　　　　　　　ウインドウのスクロール<br>
　　　　　　　　　ウインドウのスクロール<br>
　　　　　　　　ウインドウのスクロール<br>
　　　　　　　ウインドウのスクロール<br>
　　　　　　ウインドウのスクロール<br>
　　　　　ウインドウのスクロール<br>
　　　　ウインドウのスクロール<br>
　　　ウインドウのスクロール<br>
　　ウインドウのスクロール<br>
　ウインドウのスクロール<br>
ウインドウのスクロール<br>
</td></tr>
</table>
</BODY>
</HTML>
ワンポイント解説
for_down=false　で、上に移動し、for_down=true　で、下に移動します。