简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

html借助marquee实现文字左右滚动

来源:易贤网   阅读:960 次  日期:2016-06-16 09:13:31

温馨提示:易贤网小编为您整理了“html借助marquee实现文字左右滚动”,方便广大网友查阅!

代码如下:

<body>

//借助于marquee

<marquee behavior=scroll contenteditable=true onstart=this.firstchild.innerhtml+=this.firstchild.innerhtml; scrollamount=3 width=100>

<span unselectable=on>这里是要滚动的内容</span>

</marquee>

//普通的实现方法

<div id=scrollobj style=white-space:nowrap;overflow:hidden;width:500px;>

<span>这里是要滚动的内容</span>

</div>

<script language=javascript type=text/javascript>

function scroll(obj) {

var tmp = (obj.scrollleft)++;

//当滚动条到达右边顶端时

if (obj.scrollleft==tmp) obj.innerhtml += obj.innerhtml;

//当滚动条滚动了初始内容的宽度时滚动条回到最左端

if (obj.scrollleft>=obj.firstchild.offsetwidth) obj.scrollleft=0;

}

setinterval(scroll(document.getelementbyid('scrollobj')),20);

</script>

</body>

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:在页面中调用搜索引擎以调用百度为例
下一篇:html网页插入图片/加入地图索引示例讲解
易贤网手机网站地址:html借助marquee实现文字左右滚动
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!