您的位置：首页 > Web前端 > JavaScript

向右无缝滚动javascript

2015-12-11 10:15 651 查看
<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="Generator" content="EditPlus®">

<meta name="Author" content="">

<meta name="Keywords" content="">

<meta name="Description" content="">

<title>Document</title>

</head>

<body>

<H3>向右的： </H3>

<div id="demoLeft2Right" style="overflow:hidden;width:670px;background:#efefef;">

<table cellpadding="0" cellspacing="0" border="0">

<tr><td id="demoLeft2Right_right" valign="top" align="center">

<table cellpadding="2" cellspacing="0" border="0">

<tr align="center">

<td><img src="http://www.baidu.com/img/logo.gif" ></td>

<td><img src="http://www.baidu.com/img/logo.gif" ></td>

<td><img src="http://www.baidu.com/img/logo.gif" ></td>

<td><img src="http://www.baidu.com/img/logo.gif" ></td>

<td><img src="http://www.baidu.com/img/logo.gif" ></td>

</tr>

</table>

</td>

<td id="demoLeft2Right_left" valign="top"></td>

</tr>

</table>

</div>

<script>

var demoLeft2RightSpeed=30//速度数值越大速度越慢

demoLeft2Right_left.innerHTML=demoLeft2Right_right.innerHTML

function demoLeft2RightMarquee(){

if(demoLeft2Right.scrollLeft<=0)

demoLeft2Right.scrollLeft+=demoLeft2Right_left.offsetWidth

else{

demoLeft2Right.scrollLeft--

}

}

var demoLeft2RightMyMar=setInterval(demoLeft2RightMarquee,demoLeft2RightSpeed)

demoLeft2Right.onmouseover=function() {clearInterval(demoLeft2RightMyMar)}

demoLeft2Right.onmouseout=function() {demoLeft2RightMyMar=setInterval(demoLeft2RightMarquee,demoLeft2RightSpeed)}

</script>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航