Windows XP滚动条JS怎么写

2012/11/9 19:11:31作者：佚名来源：网络

移动端

【实例名称】

Windows XP滚动条JS怎么写

【实例描述】

使用Windows XP操作系统的用户都看到过XP的进度条，其不同于普通进度条，没有进度提示，只有来回渐隐渐现的滚动效果。本例学习如何制作这种效果。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧（www.xue51.com）</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="2" rowspan="2"></td>
        <td width="2" height="2"></td>
        <td height="2" bgcolor="#cccccc"></td>
        <td width="2"></td>
        <td width="2" rowspan="2"></td>
    </tr>
    <tr>
        <td width="2" height="2" bgcolor="#cccccc"></td>
        <td height="2"></td>
        <td width="2" bgcolor="#cccccc"></td>
    </tr>
    <tr>
        <td width="2" bgcolor="#cccccc"></td>
        <td width="2" height="2"></td>
        <td width="120 height="0"><marquee direction="right" 
scrollamount="10"><table style="font-size:1px;width:50px;height:10px;">
<tr><td bgcolor="#e5fee5"></td><td bgcolor="#caf7ca"></td>
<td bgcolor="#8feb90"></td></tr></table></marquee></td>
        <td width="2" height="2"></td>
        <td width="2" bgcolor="#cccccc"></td>
    </tr>
    <tr>
        <td rowspan="2"></td>
        <td height="2" bgcolor="#cccccc"></td>
        <td height="2"></td>
        <td bgcolor="#cccccc"></td>
        <td rowspan="2"></td>
    </tr>
    <tr>
        <td height="2"></td>
        <td height="2" bgcolor="#cccccc"></td>
        <td></td>
    </tr>
</table>
</body>
</html>

【运行效果】

WindOWS xP的滚动条运行效果