js实现文字无缝轮播

最新推荐文章于 2024-05-08 00:31:32 发布

喜东东啊

最新推荐文章于 2024-05-08 00:31:32 发布

阅读量7.9k

点赞数 3

本文链接：https://blog.csdn.net/weixin_41016545/article/details/78505088

版权

所用到的知识点：
innerHTML 获取或设置某个对象的内容
scrollTop 滚动条滚动的距离，此属性是系统内置定义好的
offsetHeight 获取或设置对象的高度
setInterval() 开启定时器
clearInterval() 关闭定时器

html布局结构如下：

其中con2是用来储存复制con1内容的容器

<body>

<div  id="mooc"> 
<!--  头部 -->
<h3 id="moocTitle">最新课程<a href="#" target="_self">更多>></a> </h3>
<!--  头部结束 --> 
<!--  中间 -->
<div  id="moocBox">
    <ul id="con1">
        <li><a href="#">1.学会html5 绝对的屌丝逆袭（案例）</a><span>2013-09-18</span></li>
        <li><a href="#">2.tab页面切换效果（案例）</a><span>2013-10-09</span></li>
        <li><a href="#">3.圆角水晶按钮制作（案例）</a><span>2013-10-21</span></li>
        <li><a href="#">4.HTML+CSS基础课程(系列)</a><span>2013-11-01</span></li>
        <li><a href="#">5.分页页码制作（案例）</a><span>2013-11-06</s

最低0.47元/天解锁文章

喜东东啊

关注

3
点赞
踩
16

收藏

觉得还不错? 一键收藏
0
评论
js实现文字无缝轮播

所用到的知识点： innerHTML 获取或设置某个对象的内容 scrollTop 滚动条滚动的距离，此属性是系统内置定义好的 offsetHeight 获取或设置对象的高度 setInterval() 开启定时器 clearInterval() 关闭定时器html布局结构如下：其中con2是用来储存复制con1内容的容器<body><div id="mooc"> <!--
复制链接

扫一扫