javascript 模拟Marquee文字向左均匀滚动代码

更新时间：2009年10月18日 21:51:59 作者：

Marquee是HTML语言里固有的文字滚动标签，虽然用着方便，但是功能上有一些限制，很多时候我们都是通过JavaScript来补充这一功能.

可以实现匀速、无缝、加链接以及其它的修饰效果，本代码就是实现了这一功能，让文字从右至右平滑滚动，滚动宽度、高度、速度均可以设定。

<HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>Js文字向左运动</TITLE> </HEAD> <BODY > <script language="JavaScript1.2"> var marqueewidth=350 var marqueeheight=22 var speed=5 var marqueecontents='<strong><big>欢迎光临<a href="/jscss/">脚本之家</a> 网页特效栏目，精品特效全收罗！</big></strong></font>' if (document.all) document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>') function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers){ setTimeout("window.onresize=regenerate",450) intializemarquee() } } function intializemarquee(){ document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>') document.cmarquee01.document.cmarquee02.document.close() thelength=document.cmarquee01.document.cmarquee02.document.width scrollit() } function scrollit(){ if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){ document.cmarquee01.document.cmarquee02.left-=speed setTimeout("scrollit()",100) } else{ document.cmarquee01.document.cmarquee02.left=marqueewidth scrollit() } } window.onload=regenerate2 </script> <ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01"> <layer name="cmarquee02"></layer> </ilayer> </BODY> </HTML>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

Marquee配合DIV实现的文字滚动效果代码
Marquee走马灯标签，用它能实现各种各样的滚动，而只需修改个别参数就行了，在WEB标准时代，Marquee的作用当然也应该与时俱进了.
2009-11-11
CSS3实现3D文字动画效果
CSS3 3D文字动画，看到这个字眼都觉得震撼，顺便兼用下另两个属性：transition 和 animation。由于使用CSS3技术，因此测试时请使用火狐或Chrome等浏览器，否则不能看到效果
2012-12-12
Js仿新浪微博首页内容滚动
JavaScript仿新浪微博首页的内容滚动，将推荐的几条微博按一定规律自行滚动，依次类推，大家先看看效果就明白了
2010-11-11
javascript 洒脱飘动的文字
飘动的文字，看着还挺自在、洒脱，网上经常见的东西，原来是这么实现的，奉献给大家哦。
2009-10-10
js文字链接的热点提示效果代码
文字链接的热点提示效果，一本书上的小提示例子，鼠标停在红色的链接文字上就会有一个小小的提示窗口显示出来，有意思吧，支持链接哦。
2011-08-08
CSS 动态链接提示
CSS实现动态的链接提示，带动画效果，当然，这不光是CSS的功劳，JavaScript也用上了，当你把鼠标放到文字上的时候，你就会看到一行提示文字出现的效果了。
2009-10-10
走马灯效果代码js appendChild实现的无缝滚动
走马灯效果代码js appendChild实现的无缝滚动
2010-03-03
Javascript 小写字母依次变为大写
Javascript把小写字母依次变为大写，严格来说不算是大小写转换程序，它主要是把文字按一定顺序依次变为小写的，估计有人要用到吧。
2009-10-10
5分钟教你学会超简单的html+css魔幻霓虹灯文字特效
这篇文章5分钟教你学会超简单的html+css魔幻霓虹灯文字特效,只用简单的html+css就可以完成,不需要配置运行环境,魔幻的霓虹灯特效非常炫酷,一起来学习一下,需要的朋友可以参考下
2023-03-03
javascript 打字效果的文字特效
文字如何实现打字的效果呢?在浏览网页的时候也经常能看到这种效果。本节给出了一个打字效果的文字特效，文字一个一个地打印在页面上。
2011-01-01

javascript 模拟Marquee文字向左均匀滚动代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具