以下是当点击左移、右移按钮时,使div层的内容左右移动的代码:
<SCRIPT language=JavaScript type=text/javascript>
function MarqueeScroll_left(){
content.scrollLeft+=40;//层往左移
}
function MarqueeScroll_right(){
content.scrollLeft-=40;//层往左移
}
//如果需要做成向上\向下的话,将上面的scrollLeft改为scrollTop即可
//向上:scrollTop++;
//向下:scrollTop--;
</SCRIPT>
<DIV id=content style="OVERFLOW: hidden; WIDTH: 200px; HEIGHT: 30px">
<table width="400" height="30" border="0" cellpadding="0" cellspacing="0">
<tr bgcolor="#9933CC">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>0</td>
</tr>
</table>
</DIV>
<input type="button" name="Submit" value="左移" onclick="MarqueeScroll_left()">
<input type="button" name="Submit" value="右移" onclick="MarqueeScroll_right()">
<SCRIPT language=JavaScript type=text/javascript>
function MarqueeScroll_left(){
content.scrollLeft+=40;//层往左移
}
function MarqueeScroll_right(){
content.scrollLeft-=40;//层往左移
}
//如果需要做成向上\向下的话,将上面的scrollLeft改为scrollTop即可
//向上:scrollTop++;
//向下:scrollTop--;
</SCRIPT>
<DIV id=content style="OVERFLOW: hidden; WIDTH: 200px; HEIGHT: 30px">
<table width="400" height="30" border="0" cellpadding="0" cellspacing="0">
<tr bgcolor="#9933CC">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>0</td>
</tr>
</table>
</DIV>
<input type="button" name="Submit" value="左移" onclick="MarqueeScroll_left()">
<input type="button" name="Submit" value="右移" onclick="MarqueeScroll_right()">
文章来源:桂林唯创网络