<script language="JavaScript">
function moveDiv(move) {
adiv.style.top = parseInt(adiv.style.top) + parseInt(move);
}
</script>
<input type="button" value="up" onclick="moveDiv(-10)">
<input type="button" value="down" onclick="moveDiv(10)">
<div id="adiv" style="position:absolute; left:100; top:100; backgroud-color:#bbbbbb">
some text here<br />
some text here<br />
some text here<br />
</div><br />
function moveDiv(move) {
adiv.style.top = parseInt(adiv.style.top) + parseInt(move);
}
</script>
<input type="button" value="up" onclick="moveDiv(-10)">
<input type="button" value="down" onclick="moveDiv(10)">
<div id="adiv" style="position:absolute; left:100; top:100; backgroud-color:#bbbbbb">
some text here<br />
some text here<br />
some text here<br />
</div><br />
<div id="anotherdiv" style="overflow-y:scroll; width:200px; height:100px">
some text here<br />
some text here<br />
some text here<br />
some text here<br />
some text here<br />
some text here<br />
some text here<br />
some text here<br />
some text here<br />
some text here<br />
some text here<br />
some text here<br />
some text here<br />
some text here<br />
some text here<br />
</div>还有,你不会想要我给你画图标吧?
有空希望您在给予答复。
谢谢。非常感谢。
<input type="button" value="up" onclick="adiv.doScroll('scrollbarUp');">
<input type="button" value="down" onclick="adiv.doScroll('scrollbarDown');"><br />
<div id="adiv" style="overflow:hidden;width:200px; height:100px; border:1px solid #000000; font-size:9pt">
line 1<br />
line 2<br />
line 3<br />
line 4<br />
line 5<br />
line 6<br />
line 7<br />
line 8<br />
line 9<br />
line 10<br />
line 11<br />
line 12<br />
line 13<br />
line 14<br />
line 15<br />
line 16<br />
line 17<br />
line 18<br />
line 19<br />
line 20<br />
</div>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>滚屏</title>
<script>
var start=0
var i=1
var step=5 //滚屏速度
var maxscroll=750 //向下滚动的下限function scrolling()
{
if(start!=0)
{
if(start==1)
{
if(i>=maxscroll) {start=0;}
self.scroll(1,i)
i=i+step
}
if(start==2)
{
if(i<=0) {start=0;}
self.scroll(1,i)
i=i-step
}
}
}function scrolldown()
{
start=1
scrolling();
}function scrollup()
{
start=2;
scrolling();
}
</script>
</head>
<body>
<input type="button" value="向下滚屏" onclick="scrolldown()">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<input type="button" value="向上滚屏" onclick="scrollup()">
</body></html>
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312">
</HEAD>
<BODY>
<script language="JavaScript">var dd=0;
var hh=0;function mvdown(){
dd+=20;
window.scrollBy(100,dd)
}function mvup(){
dd-=20;
window.scrollBy(100,dd)
}
function keepIE(WinName,WinTop,WinLeft) {
document.all[WinName].style.top=WinTop+parseInt(document.body.scrollTop)+document.body.clientHeight-90
document.all[WinName].style.left=WinLeft+parseInt(document.body.scrollLeft)+document.body.clientWidth-80
}
function keepIE2(WinName,WinTop,WinLeft) {
document.all[WinName].style.top=WinTop+parseInt(document.body.scrollTop)+document.body.clientHeight-500
document.all[WinName].style.left=WinLeft+parseInt(document.body.scrollLeft)+document.body.clientWidth-80}
</script> <script language=JavaScript>IE4=(document.all)?1:0
NN4=(document.layers)?1:0if (IE4)
{
setInterval('keepIE("Win0",-30,-10)',10)
setInterval('keepIE2("Win1",-30,-10)',10)
}
</script>
<div id="Win1" style="position:absolute; z-index:1;">
<button onclick="mvdown()" style="font-size:11pt;font-weight:bold;color:red">↓</button></div><div id="Win0" style="position:absolute; z-index:2;">
<button onclick="mvup()" style="font-size:11pt;font-weight:bold;color:red">↑</button></div>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
<p> 测试 <p>
</body></html>