js信息滚动marquee标签
来源:互联网 发布:淘宝无线端链接地址 编辑:程序博客网 时间:2024/04/29 11:33
//marquee标签<!-- marquee标签实现信息滚动 --><!-- 1.behavior滚动方式 alternate:两端之间来回滚动 scroll:表示一端滚动到另一端,会重复 slide:表示一端滚动到另一端,不会重复2.direction:up,down,left,right;3.scrollamount设定活动字幕滚动速度4.loop滚动次数。loop=-1表示无限次滚动5.scrolldelay字幕滚动两次之间的延迟
//实现无缝滚动<script type="text/javascript"> var area=document.getElementById("moocBox"); var con1=document.getElementById("con1"); var con2=document.getElementById("con2"); var time=50;//方便修改 area.scrollTop=0; con2.innerHTML=con1.innerHTML; function upScroll(){ if (area.scrollTop>=con1.offsetHeight) { area.scrollTop=0; } else { area.scrollTop++; } } var myScroll=setInterval('upScroll()',time); area.onmouseover=function(){ clearInterval(myScroll); }; area.onmouseout=function(){ myScroll=setInterval("upScroll()",time); };</script>
//实现暂停后无缝滚动<script type="text/javascript"> var aera=document.getElementById("moocBox"); aera.innerHTML+=aera.innerHTML;//实现无缝滚动,克隆自身 aera.scrollTop=0;//初始值 var iLiHeight=48;//行间距,可改为48,则两行显示 var timer;//定时器 var speed=50; var delay=2000; function startMove(){ aera.scrollTop++; timer=setInterval('scrollUp()',speed) } function scrollUp(){ //aera.scrollTop++; if (aera.scrollTop%iLiHeight==0) { clearInterval(timer); setTimeout('startMove()',delay); } else{ aera.scrollTop++; if (aera.scrollTop>=aera.scrollHeight/2) { aera.scrollTop=0; } } } setTimeout("startMove()",delay);</script>
0 0
- js信息滚动marquee标签
- js信息滚动marquee标签
- JS魔法堂:通过marquee标签实现信息滚动效果
- 信息滚动(marquee+JS实现)
- 信息滚动(marquee+JS实现)
- marquee标签(滚动字幕)
- marquee滚动标签
- H5 滚动标签 marquee
- marquee标签实现滚动
- marquee滚动标签
- HTML的滚动标签-marquee
- html的marquee滚动标签
- marquee标签实现文字滚动
- marquee标签无限上下滚动
- 标签marquee实现滚动效果
- marquee 标签 实现循环滚动 公告滚动
- JS无缝滚动显示和JSP中marquee标签滚动显示
- JS实现marquee滚动效果
- 关于初始化W5500与LPC1768之间的通信
- SXY逛公园
- Android将String类型字符串转换成utf-8,gbk格式
- 训练第四天之贪心算法
- RT-Thread互斥锁
- js信息滚动marquee标签
- Spring Mvc那点事---(29)Spring Mvc基于ProxyFactoryBean的传统AOP使用正则拦截
- Java 入门 多线程 之 有返回值的线程(一)
- Python_PIL 打开转存图片
- [leetcode]maximum-depth-of-binary-tree C++
- 赌场概率论
- TCP/IP协议栈的网络层的主要功能是通过( )来完成的。
- 数据结构——链表表的实现
- Docker中使用Python Notebook