欢迎来到酷云建站平台,全网营销云系统加盟中心!

海量企业网站模板 · 任您选择

美出特色,精出品质,一切为了企业更好的营销

隐藏侧栏
Beta
转载

javascript文字无间断滚动效果

       滚动     2016-02-16     eycms     59     0    

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w.org/1999/xhtml">


<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>javascript文字无间断滚动效果(文字上下无缝滚动)</title>

<meta name="description" content="javascript无间断滚动效果(上下无缝滚动)" />

<meta name="keywords" content="javascript无间断滚动效果(上下无缝滚动)" />

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />


</head>


<body>


<div id="newlist" onmouseover="clearInterval(timerluwei_1)" onmouseout="timerluwei_1=setInterval(marluwei_1,50)" style="float:left;width:200px;height:100px;border:1px #cccccc solid;overflow:hidden;">

<div id="newlist1">

<a href="http://www./" style="display:block;">网页特效代码</a>

<a href="http:///" style="display:block;">地坪</a>

</div>

<div id="newlist2">

</div>

</div>

<div id="hotlist" onmouseover="clearInterval(timerluwei_2)" onmouseout="timerluwei_2=setInterval(marluwei_2,50)" style="float:left;margin-left:30px;width:200px;height:100px;border:1px #cccccc solid;overflow:hidden;">

<div id="hotlist1">

<a href="/" style="display:block;">网页特效代码</a>

<a href="" style="display:block;">地坪</a>

</div>

<div id="hotlist2">

</div>

</div>

<script language="javascript">

//第1个滚动框

var tluwei_1=getid("newlist"),t1luwei_1=getid("newlist1"),t2luwei_1=getid("newlist2"),shluwei_1=getid("show"),timer;

t2luwei_1.innerHTML=t1luwei_1.innerHTML;

function marluwei_1(){

if(t2luwei_1.offsetTop<=tluwei_1.scrollTop)

tluwei_1.scrollTop-=t1luwei_1.offsetHeight;

else

tluwei_1.scrollTop++;

}

timerluwei_1=setInterval(marluwei_1,50);

//第2个滚动框

var tluwei_2=getid("hotlist"),t1luwei_2=getid("hotlist1"),t2luwei_2=getid("hotlist2"),shluwei_2=getid("show"),timer;

t2luwei_2.innerHTML=t1luwei_2.innerHTML;

function marluwei_2(){

if(t2luwei_2.offsetTop<=tluwei_2.scrollTop)

tluwei_2.scrollTop-=t1luwei_2.offsetHeight;

else

tluwei_2.scrollTop++;

}

timerluwei_2=setInterval(marluwei_2,50);



function getid(id){

return document.getElementById(id);

}

</script>


</body>


</html></td>

 </tr>

</table>


--结束END--

本文链接: http://www.83703228.cn/resources/roll/1139.html (转载时请注明来源链接)

 
本文标签: 全部

下班PC阅读不方便?

手机也可以随时学习开发

微信关注公众号“酷云”
"酷云平台前端开发教学"
每日干货技术分享
 

×

成为 酷云平台 代理商!

关注

微信
关注

微信扫一扫
获取最新优惠信息

酷云平台公众号

客服

联系
客服

很高兴为您服务
尊敬的用户,欢迎您咨询,我们为新用户准备了优惠好礼。 咨询客服

联系客服:

在线QQ: 3206174

客服电话: 0516-83703228

售前咨询 售后服务
在线交谈 智能小云

工作时间:

周一至周五: 09:00 - 17:00

WAP

手机
访问

移动端访问
手机上也能选模板

酷云平台手机端