慕课网

信息滚动效果制作

最热最新

菩提子3833937 03:25

marquee知识点

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-12-31
陈先森

< dl>< /dl>用来创建一个普通的列表, < dt>< /dt>用来创建列表中的上层项目， < dd>< /dd>用来创建列表中最下层项目， < dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。

查看全部

1 采集收起来源：marquee标签实现信息滚动
2018-03-22
白小明

// 克隆 var box3con =document.getElementById("box3con"); box3con1.innerHTML += box3con1.innerHTML;

查看全部

1 采集收起来源：单次滚动制作
2018-03-22
白小明

<div id="box1"> <marquee behavior="" direction="up"> 我是滚动默认up </marquee> <marquee behavior="scroll" direction="down" > 我是滚动behavior="scroll"down </marquee> <marquee behavior="slide" direction="" scrollamount="6" loop="2"> 我是滚动behavior="slide" </marquee> <marquee behavior="scroll" direction="right" scrollamount="10" scrolldelay="0" onmouseover="this.stop();" onmouseout="this.start();"> <p><a href="">我是滚动behavior="scroll"</a></p> </marquee>  <marquee behavior="alternate" direction="down" width="250" height="150" bgcolor="deepskyblue" > <marquee behavior="alternate" direction="left"> This text will bounce </marquee> </marquee> </div>

查看全部

1 采集收起来源：marquee标签实现信息滚动
2018-03-22
Anthonyxd 10:19

<marquess>的使用实例

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
Anthonyxd 03:35

<marquee>知识点

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
qq_听说幸福很简单_0

<marqueen>标签：成对出现 1.behavior滚动的方式（alternate:表示在两端之间来回滚动; scroll:表示由一端滚动到另一端，会重复。 slide：表示从一端滚动到另一端，不会重复。） 2.direction滚动的方向Down、up、left、right 3.loop滚动的次数（默认为-1，表示一直滚动） 4.scrollmount设定活动字幕的滚动速度 5.scrolldelay设定活动字幕滚动两次之间的延长时间

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
qq_听说幸福很简单_0 03:32

marquee滚动

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-12-17
JQuery_DOM

dirction 滚动方向：down，up，left，right； loop：次数，默认为-1； scrollamount：滚动速度； scrolldelay：滚动的延迟； behavior：滚动方式有alternate，scroll，slide；

查看全部

0 采集收起来源：练习题
2016-12-15
宝慕林6498578 01:30

1.setTimeout（表达式，延迟时间） 2.setInterval(表达式，交互时间)

查看全部

0 采集收起来源：间歇性循环滚动制作
2016-12-13
hs00

使用scrollLeft的必要条件是第一：此标签的内容宽度超过了标签本身的宽度。这个很容易理解，如果内容没有超过标签的宽度，不需要横向的滚动就可以看到所有横向的范围，那在使用scrollLeft的时候肯定是无效的了。在这里很多新手经常会犯一个错误，内容的大小确实是超过了标签的显示范围，但是却因为浏览器的默认属性换行了，也就是没有在横向上超出，这时候同样是不能使用scrollLeft的。第二：scrollLeft的值范围是在一定范围内的，不能无限增大。当内容的最右端可以显示的时候，scrollLeft便不能再增加了。这个也容易理解。以浏览器右侧滚动条为例，这个滚动条肯定是能拖到底的，这个拖动有一定的范围，跟页面内容高度有关。第三：scrollLeft（包括其他三个）常与定时器一起使用，实现位置移动效果，如滚动。你应该遇到的是第一个条件不满足才产生的这个问题。所以建议你可以采用改变ul的margin-Left的值实现滚动效果

查看全部

0 采集收起来源：间歇性滚动原理
2016-12-11
hs00

<script> var moocBox=document.getElementById("moocBox"); var con1=document.getElementById("con1"); var con2=document.getElementById("con2"); con2.innerHTML=con1.innerHTML; moocBox.scrollTop=0; var timer=null; moocBox.onmouseover=function () { clearInterval(timer); }; moocBox.onmouseout=function () { scorllShow(); }; function scorllShow() { timer=setInterval(function () { if(moocBox.scrollTop>=con1.offsetHeight) { moocBox.scrollTop=0; } else { moocBox.scrollTop++; } },50); } scorllShow(); </script>

查看全部

1 采集收起来源：鼠标悬停事件添加
2018-03-22
慕粉2130563850

1、innerHTML<br> 2、scrollTop（向上滚动的数值）后面的值不带px，如area.scrollTop = 0； <br> 3、offsetHeight（元素自身的高度）<br> 4、setInterval()（执行的方法）<br> 5、clearInterval()（清除执行的方法）<br> 定义一个元素，然后将该元素克隆一个，当原始的元素内容结尾出现时，也就是滚动高度等于元素的offsetHeight，后面跟上克隆元素，当原始元素内容滚动完时，将滚动高度值为0，即从头开始滚动，这样就达到了无缝滚动 scrollTop：为元素内容被卷去的高度

查看全部

0 采集收起来源：无缝滚动制作
2018-03-22
慕粉2130563850

<marqueen>标签 1.behavior滚动的方式（alternate:表示在两端之间来回滚动; scroll:表示由一端滚动到另一端，会重复。 slide：表示从一端滚动到另一端，不会重复。） 2.direction滚动的方向Down、up、left、right 3.loop滚动的次数（默认为-1，表示一直滚动） 4.scrollmount设定活动字幕的滚动速度 5.scrolldelay设定活动字幕滚动两次之间的延长时间

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
hs00

无缝滚动：当内容滚完之后，不想让它停止，也不让它空白。说明：蓝色为显示区域，橘黄色为要滚动的内容无缝滚动原理：原始内容为1，克隆内容为2 当原始内容底部到达可视区的底部时，重新克隆出原始内容2,2在紧接在1的后面当1的内容滚出可视区，2的内容到达可视区的顶部时，此刻就开始了无缝滚动

查看全部

0 采集收起来源：无缝滚动原理
2016-12-11

首页上一页 8 9 10 11 12 13 14 下一页尾页

0/150

提交

取消

该课程已下架

课程须知: 1.您至少具备HTML/CSS基础知识； 2.您至少具备JavaSript基础知识；

老师告诉你能学到什么？: 1.学会<marquee>标签及属性，制作简单信息滚动。 2.掌握无缝滚动原理，运用JavaScript实现效果。 3.通过设定定时时间，实现间歇性无缝滚动。