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

js实现文字从右滚动到左边代码循环滚动实例

2016-09-07 13:08 1071 查看
以下是代码实例:

<div style="background:#333;">
<div id="tgBigox">
<div id="tgGoox">
<a href="" target="_blank"></a>
</div>
</div>
</div>
<script type="text/javascript">
var cars = $("#tgGoox").width();
var i =0;
function start(){
i--;
if(i<=-cars){
i=2*cars;
document.getElementById('tgGoox').style.right =-cars+'px';
}else{
document.getElementById('tgGoox').style.left =i+'px';
}
setTimeout(start,10);
}
onload=function(){setTimeout(start,1000)};
</script>


css样式:

#tgBigox{
position: relative;
width:900px; margin:0 auto; height:30px; line-height:30px; padding-right:65px; overflow:hidden;
}
#tgGoox{
position: absolute;
height:30px; line-height:30px;
top: 0px;
left:0;
}
#tgGoox a{
color:#fff;
margin-left:8px;
float:left;
}
#tgGoox a:hover{
color:#57bc54;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript 实例