Windows XP滾動條JS怎么寫

2012/11/9 19:11:31作者：佚名來源：網(wǎng)絡

移動端

【實例名稱】

Windows XP滾動條JS怎么寫

【實例描述】

使用Windows XP操作系統(tǒng)的用戶都看到過XP的進度條，其不同于普通進度條，沒有進度提示，只有來回漸隱漸現(xiàn)的滾動效果。本例學習如何制作這種效果。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（denvermotorcycleaccidentlawyer.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的滾動條運行效果