喜悦国际村 » XML/HTML/CSS/Js » 我一个滚动条.样子是..

Ayu 发表于 2003-12-22 08:48 PM

我一个滚动条.样子是..

我要一个滚动条.就像QQ中的滚动条一样,如果好友不多就不出现,如果多了就出现向下的滚动箭头,如果到底了就没有向下的.有向上的了.大家帮帮忙啊

星之海洋2 发表于 2003-12-23 02:59 PM

<SCRIPT LANGUAGE="JavaScript">
window.onload=function scroll(n)
{
temp=n;
up.style.display=(out1.scrollTop==0?'none':'');
down.style.display=(out1.scrollTop>=out1.offsetHeight?'none':'');
out1.scrollTop=out1.scrollTop+temp;
if (temp==0) return false;
setTimeout("scroll(temp)",50);

}
</SCRIPT>
<table>
<tr rowspan="2">
<td>
<DIV ID=out1 STYLE="width:100%; height:100;overflow: hidden">
111111111111111<br>
222222222222222<br>
333333333333333<br>
444444444444444<br>
555555555555555<br>
666666666666666<br>
777777777777777<br>
888888888888888<br>
999999999999999<br>
<br>
</DIV>
</td>
</tr>
<tr>
<td>
<a href='#' id="up" onmouseover="scroll(-1)" onmouseout="scroll(0)" onmousedown="scroll(-3)">up</a>
</td>
<td>
<a href="#" id="down" onmouseover="scroll(1)" onmouseout="scroll(0)" onmousedown="scroll(3)">down</a>
</td>
</tr>
</table>

Ayu 发表于 2003-12-23 05:42 PM

如果内容不多就不出现滚动条,如果内容多了应该向下时就出现向下.同时也有向上.如果到底了就关闭向下.出现向上.

星之海洋2 发表于 2003-12-23 08:43 PM

<SCRIPT LANGUAGE="JavaScript">
window.onload=function scroll(n)
{
temp=n;
if(out1.scrollHeight<out1.offsetHeight){
up.style.display='none';
down.style.display='none';
}else{
up.style.display=(out1.scrollTop==0?'none':'');
down.style.display=(out1.offsetHeight+out1.scrollTop>=out1.scrollHeight?'none':'');
out1.scrollTop=out1.scrollTop+temp;
if (temp==0) return false;
setTimeout("scroll(temp)",50);
}
}
</SCRIPT>
<table>
<tr rowspan="2">
<td>
<DIV ID=out1 STYLE="width:100%; height:100;overflow: hidden">
111111111111111<br>
222222222222222<br>
333333333333333<br>
</DIV>
</td>
</tr>
<tr>
<td>
<a href='#' id="up" onmouseover="scroll(-1)" onmouseout="scroll(0)" onmousedown="scroll(-3)">up</a>
</td>
<td>
<a href="#" id="down" onmouseover="scroll(1)" onmouseout="scroll(0)" onmousedown="scroll(3)">down</a>
</td>
</tr>
</table>

查看完整版本: 我一个滚动条.样子是..