慕课网

信息滚动效果制作

最热最新

萝卜蛋蛋 00:23

无缝滚动的知识点

查看全部

0 采集收起来源：无缝滚动制作
2016-01-20
eating1990 01:18

javascript setTimeout和setInterval区别

查看全部

0 采集收起来源：间歇性循环滚动制作
2016-01-20
陆南安

克隆一个元素 xx.innerHTML += xx.innerHTML;

查看全部

0 采集收起来源：单次滚动制作
2016-01-19
梦想的天空

setTimeout(表达式，延迟时间)：在执行时，在载入后延迟指定时间后，去执行一次表达式，仅执行一次，如需多次执行可以用递归或者循环； setInterVal(表达式，交互时间)：在执行时，它从载入后，每隔指定的时间就执行一次表达式

查看全部

0 采集收起来源：间歇性循环滚动制作
2016-01-18
梦想的天空

innerHtml<br><br> scrolltop 向上滚动<br><br> offsetHeight 元素自身的高度<br><br> setInterval() 执行的方法<br><br> clearIntervar 清除执行方法

查看全部

0 采集收起来源：无缝滚动制作
2018-03-22
梦想的天空

<marquee></marquee>文字信息滚动标签。可以设置滚动方向、速度、时间。滚动方式：来回滚动，重复滚动和非重复滚动属性说明: 1.direction表示滚动的方向，值可以是left，right，up，down，默认为left 2.behavior表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（往返滚动） 3.loop表示循环的次数，值是正整数，默认为无限循环 4.scrollamount表示运动速度，值是正整数，默认为6 5.scrolldelay表示停顿时间，值是正整数，默认为0，单位似乎是毫秒 6.align表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middle 7.bgcolor表示运动区域的背景色，值是16进制的RGB颜色，默认为白色 8.height、width表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100% height为标签内元素的高度 9.hspace、vspace表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素。 1o.onmouseover=this.stop() onmouseout=this.start()表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动。

查看全部

1 采集收起来源：marquee标签实现信息滚动
2018-03-22
梦想的天空 03:35

marquee知识

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-01-15
A潜水的鱼 03:37

marquee知识

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-01-14
Aidcat

setTimeout(表达式，延迟时间)：在执行时，在载入后延迟指定时间后，去执行一次表达式，仅执行一次，如需多次执行可以用递归或者循环； setInterVal(表达式，交互时间)：在执行时，它从载入后，每隔指定的时间就执行一次表达式

查看全部

0 采集收起来源：间歇性循环滚动制作
2018-03-22
Aidcat

<script type="text/javascript"> var area = document.getElementById('moocBox'); var con1 = document.getElementById('con1'); var con2 = document.getElementById('con2'); var speed = 50; area.scrollTop = 0; con2.innerHTML = con1.innerHTML; //克隆con1的内容到con2 function scrollUp() { //console.log(con1.scrollHeight); 为216 //console.log(area.scrollTop); if (area.scrollTop >= con1.scrollHeight) { area.scrollTop = 0; //让con1马上回到初始状态 } else { area.scrollTop++; } } var myScroll = setInterval("scrollUp()", speed); area.onmouseover = function() { clearInterval(myScroll); } area.onmouseout = function() { myScroll = setInterval("scrollUp()", speed); } </script>

查看全部

0 采集收起来源：鼠标悬停事件添加
2018-03-22
Aidcat

<div class="box"> <dl> <dt>文字滚动示例（默认）：</dt> <dd> <marquee>我默认向左滚。。。。。</marquee> </dd> </dl> <dl> <dt>文字滚动示例（向右）：</dt> <dd> <marquee direction="right" scrolldelay="500">我向右滚动。。。。</marquee> </dd> </dl> <dl> <dt>文字滚动示例（默认方向，滚动方式为alternate，循环3次，速度为2）：</dt> <dd> <marquee scrollamount="2" behavior="alternate" loop="3">我来回滚动。。。。</marquee> </dd> </dl> <dl> <dt>文字滚动示例（向上，背景色为#CCFF66，设置了背景宽度和高度）：</dt> <dd> <marquee direction="up" bgcolor="#CCFF66" width="250" height="55">我在区域内滚动，向上哟。。。。</marquee> </dd> </dl> </div>

查看全部

0 采集收起来源：marquee标签实现信息滚动
2018-03-22
未成年面饼 01:20

setTimeout和setInterval区别

查看全部

0 采集收起来源：间歇性循环滚动制作
2016-01-09
Tender_Qiu 03:35

marquee知识点

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-01-08
陈新会 06:44

loop=-1，代表无线的滚动，loop=3表示滚动三次

查看全部

0 采集收起来源：marquee标签实现信息滚动
2016-01-06
陈新会 03:33

滚动<marquee>，来回滚动

查看全部

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

首页上一页 38 39 40 41 42 43 44 下一页尾页

0/150

提交

取消

该课程已下架

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

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