为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
信息滚动效果制作_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

信息滚动效果制作

vivian Web前端工程师
难度初级
时长39分
  • 无缝滚动:当内容滚完之后,不想让它停止,也不让它空白。 说明:蓝色为显示区域,橘黄色为要滚动的内容 无缝滚动原理: 原始内容为1,克隆内容为2 当原始内容底部到达可视区的底部时,重新克隆出原始内容2,2在紧接在1的后面 当1的内容滚出可视区,2的内容到达可视区的顶部时,此刻就开始了无缝滚动
    查看全部
    0 采集 收起 来源:无缝滚动原理

    2015-09-28

  • 滚动方式behavior: scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动 语法:<marquee behavior="滚动方式">...</marquee> 滚动方向direction(包括4个值:up、 down、 left和 right) 语法:<marquee direction="滚动方向">...</marquee> 滚动循环loop(默认值是-1,滚动会不断的循环下去) 语法:<marquee loop="2">...</marquee> 动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位) 语法:<marquee scrollamount="5">...</marquee>
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 我的js部分是这样写的,外层判断是否需要重新将scrollTop置0,内层判断模是否为0. <script type="text/javascript"> var area=document.getElementById('moocBox'); area.innerHTML+=area.innerHTML; var oUl=document.getElementsByTagName('ul'); var height=24; var speed=50; var delay=2000; var myscroll=null; area.scrollTop=0; function startMove(){ myscroll=setInterval('scrollUp()',speed); } function scrollUp(){ if(area.scrollTop==oUl[0].offsetHeight){ area.scrollTop=0; }else{ area.scrollTop++; if((area.scrollTop%height)==0){ clearInterval(myscroll); setTimeout(startMove,delay); } } } setTimeout(startMove,delay); </script>
    查看全部
  • 鼠标移入停止 移出滚动: onmouseover="this.stop()"; onmouseout="start()"
    查看全部
  • 给marquee添加样式,然后添加鼠标移动事件和鼠标移开事件,当行为停止和开始,分别使用this.stop()和this.start()
    查看全部
  • var area=document.getElementById("content"), con1=document.getElementById("con1"), con2=document.getElementById("con2"); con2.innerHTML=con1.innerHTML; var speed=50, delay=2000; height=40; var time=null; function startMove() { area.scrollTop++; time=setInterval(scrollUp,speed); } function scrollUp() { if(area.scrollTop%height==0) { clearInterval(time); time=setTimeout(startMove,delay); } else { area.scrollTop++; if(area.scrollTop==con1.offsetHeight) { area.scrollTop=0; } } } setTimeout(startMove,delay);
    查看全部
  • setTimeout和setInterval的区别
    查看全部
  • int main(){ int i ; int n ,j,t; double x[5]={0.4,0.55,0.8,0.9,1} ; double y[5]={0.41075,0.57815,0.88811,1.02652,1.1752} ; printf("请输入阶数:") ; scanf("%d",&n); printf("你输入的是:%d\n",n); printf("你要插入几个数:") ; scanf("%d",&j); printf("你输入的是:%d\n",j); for(i=0;i<n;i++) { for(t=0;t<n;t++) { } } /** double m[j]; printf("请输入要插入的数:") ; for(i=0 ;i<j;i++ ){ scanf("%d",&m[i]); } for(i=0 ;i<j;i++ ){ printf("你输入的是:%d\n",m[i]); } */ int n ; int i , j ; scanf("%d",&n) ; double x[n-1],y[n-1]; printf("请输入函数值!") for(i=0;i<n;i++){ scanf("%f",&x[i]); scanf("%f",&y[i]); } for(i=0;i<n;i++){ printf("x[%i]:%f",i,x[i]); printf("y[%i]:%f",i,y[i]); } for(i=0;i<5;i++){ printf("x[%i]:%f ",i,x[i]); printf(" y[%i]:%f\n",i,y[i]); }
    查看全部
  • eval英 [ɪ'væl] n. 重新运算求出参数的内容 imply英 [ɪm'plaɪ] vt. 意味;暗示;隐含 setInterval('area.scrollTop++',time); sublimeText3里报错: Implied eval.Consider passing a function instesd of a string,
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2015-09-13

  • JS无缝滚动代码
    查看全部
    0 采集 收起 来源:无缝滚动制作

    2015-09-11

  • 无缝滚动:克隆出来一个相同的区域
    查看全部
    0 采集 收起 来源:无缝滚动原理

    2015-09-11

  • <marquee>知识点
    查看全部
  • 演示tab切换
    查看全部
  • 在js代码里,滚动条是被抽象为一个“点”来对待的: 1、scrollHeight表示滚动条需要滚动的高度,即内部元素的高度。 2、scrollTop表示滚动条(一个点)当前的位置在内部滚动区域的高度中占了多少 本节课我学到的 设置容器高度,设置overflow:hidden隐藏溢出的内容 转自http://www.cnblogs.com/dingyingsi/archive/2013/09/24/3337813.html
    查看全部
    0 采集 收起 来源:无缝滚动原理

    2015-09-10

  • Marquee标记用于在可用浏览区域中滚动文本。 格式: [marquee ALIGN="…" BEHAVIOR="…" BGCOLOR="…" DIRECTION="…" HEIGHT="…" WIDTH="…" HSPACE="…" VSPACE="…" LOOP="…" SCROLLAMOUNT="…" SCROLLDELAY="…" ONMOUSEOUT=this.start() ONMOUSEOVER=this.stop() ] 此处输入滚动内容 [/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()表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。
    查看全部

举报

0/150
提交
取消
课程须知
1.您至少具备HTML/CSS基础知识; 2.您至少具备JavaSript基础知识;
老师告诉你能学到什么?
1.学会<marquee>标签及属性,制作简单信息滚动。 2.掌握无缝滚动原理,运用JavaScript实现效果。 3.通过设定定时时间,实现间歇性无缝滚动。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!