点击按钮,让层内的内容左右移动显示,很爽,很实用

发布时间:2008年03月17日      浏览次数:828 次
以下是当点击左移、右移按钮时,使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()">
文章来源:桂林唯创网络
免责声明:本站相关技术文章信息部分来自网络,目的主要是传播更多信息,如果您认为本站的某些信息侵犯了您的版权,请与我们联系,我们会即时妥善的处理,谢谢合作!