跑马灯代码(html跑马灯走马灯效果)
跑马灯代码(html跑马灯/走马灯效果)
实现跑马灯的方法很多,其中最简单的是采用一句Html代码来实现,我们在需要出现跑马灯效果的地方插入"<marquee>滚动的文字</marquee>"语句,它的效果如下所示:
滚动的文字
适当的运用<marquee>标签的参数,可以表现出不同的效果,请看下面的几个例子:
1、左右弹来弹去的跑马灯
弹来弹去跑马灯! 实现的方法就是在IE的标签上稍微多加了几个参数产生了更加丰富的变化。设置behavior=alternate表示双向移动,direction= left表示运动方向向左。marquee的宽度可以使用绝对象素值,例如width=200等这个值限定了跑马灯滚动的范围。需要说明的是该效果在 Netscape下是看不到的。
源码粘贴框:
<marquee width=400 behavior=alternate direction=left align=middle>弹来弹去跑马灯!</marquee>
2、跑的很快的跑马灯
跑的很快跑马灯! 只要在<marquee>标签后面加上"scrollamount=15"即可,修改=后边的数字参数即可限制文字移动的速度。
3、带有超级链接的跑马灯
带超级链接的跑马灯!点我试试? 还有一条呢!点我试试? 实现的方法很简单,把整个<marquee></marquee>语句包含在超链接中就行,你看看下面的代码就清楚了。当然你也可以把包含在<marquee></marquee>中的各条内容分别加上不同的链接,这样的跑马灯就可用来发布滚动新闻或是做站点导航了。
如果你想给跑马灯的文字加上颜色,换用不同的字体(默认是宋体,换体就要加代码),只要在文字前加上<FONT face=楷体_GB2312 color=#ff0000 size=3>就行了,你可在"face="后边换上你喜欢的字体,在"color="后边换上你喜欢的字颜色,在"size="后边换上适合的字号,如果想让字体加粗,就再加上<STRONG>。
请看一下效果:带超级链接的跑马灯!点我试试?还有一条呢!点我试试? 上面效果的代码码如下:
<marquee width=400 scrollamount=2> <a href=http://www.taobaojp5.tk><FONT face=楷体_GB2312 color=#ff0000 size=3><STRONG>带有超链接的跑马灯!点我试试?</a> <a href=
http://954872988.qzone.qq.com/;还有一条呢!点我试试?</FONT></STRONG></a> </marquee>
以上几个例子都是<marquee>标签参数的应用,下面把所有可以利用的参数列在表中供你参考,不过还是要提醒你,<marquee>标签只被IE所支持,使用Netscape浏览器是看不到的噢。
参数用法介绍behavior=scroll, slide, alternate跑马方式:循环绕行,只跑一次就停住,来回往复运动direction=left,right跑马方向:从左向右,从右向左loop=100跑马次数:循环100次,如不写默认为一直循环width=100%,height=200跑马范围:宽为100%,高为200像素scrollamount=20跑马速度:数越大越快scrolldelay=500跑马延时:毫秒数,利用它可实现跃进式滚动hspace=20,vspace=20跑马区域与其它区域间的空白大小bgcolor=#00FFCC跑马区域的背景颜色face=楷体_GB2312跑马灯文字字体color=#ff0000跑马灯文字颜色size=3跑马灯文字字号STRONG跑马灯文字加粗
你已经看到,尽管<marquee>参数不少,但毕竟不能实现复杂的和自定义的特殊跑马灯效果,而且还有浏览器限制,所以我们更多情况下会采用JavaScript来实现跑马灯。
生活知识科普红豆禁忌人群在我们的生活当中有很多的常识性的知识大多数人都是不知道的,就好比最近就有很多小伙伴咨询小编问小编关于红豆禁忌人群的这些知识点,这就说明了现在人们也开开渐渐关注起了红豆禁忌人群方面的
生活知识科普红豆黑米粥禁忌在我们的生活当中有很多的常识性的知识大多数人都是不知道的,就好比最近就有很多小伙伴咨询小编问小编关于红豆黑米粥禁忌的这些知识点,这就说明了现在人们也开开渐渐关注起了红豆黑米粥禁忌方
生活知识科普补血吃红豆还是赤豆在我们的生活当中有很多的常识性的知识大多数人都是不知道的,就好比最近就有很多小伙伴咨询小编问小编关于补血吃红豆还是赤豆的这些知识点,这就说明了现在人们也开开渐渐关注起了补血吃红豆还
生活知识科普豆浆能天天喝吗在我们的生活当中有很多的常识性的知识大多数人都是不知道的,就好比最近就有很多小伙伴咨询小编问小编关于豆浆能天天喝吗的这些知识点,这就说明了现在人们也开开渐渐关注起了豆浆能天天喝吗方
生活知识科普抹茶能跟菊花一起喝吗在我们的生活当中有很多的常识性的知识大多数人都是不知道的,就好比最近就有很多小伙伴咨询小编问小编关于抹茶能跟菊花一起喝吗的这些知识点,这就说明了现在人们也开开渐渐关注起了抹茶能跟菊
生活知识科普可乐和茶可以一起喝吗在我们的生活当中有很多的常识性的知识大多数人都是不知道的,就好比最近就有很多小伙伴咨询小编问小编关于可乐和茶可以一起喝吗的这些知识点,这就说明了现在人们也开开渐渐关注起了可乐和茶可
日常知识面粉是什么做的在我们的生活当中有很多的常识性的知识大多数人都是不知道的,就好比最近就有很多小伙伴咨询小编问小编关于面粉是什么做的的这些知识点,这就说明了现在人们也开开渐渐关注起了面粉是什么做的方
金针菇的做法大全(3分钟学会8种金针菇的吃法)金针菇的做法大全(3分钟学会8种金针菇的吃法)金针菇易熟脆嫩口感好,做法也简单,是一种省事又好吃的食材。以下,整理了8种金针菇的做法,希望亲们喜欢。第一道白灼金针菇这道白灼金针菇,
培根金针菇卷(零技巧的金针菇培根卷)培根金针菇卷(零技巧的金针菇培根卷)十分钟就能搞定的快手下饭菜,好吃到舔盘!ByMs盘丝大仙用料金针菇1把培根1包生抽1勺蚝油1勺蒜末1勺糖半勺老抽1勺清水半碗盐适量白芝麻适量做法
栗子怎么(原来板栗壳难剥是用错水剥皮)栗子怎么(原来板栗壳难剥是用错水剥皮)金秋九月,大街小巷弥漫着糖炒栗子的香味。俗话说得好七月杨桃八月楂,九月栗子笑哈哈,板栗又叫栗子,是干果界的佼佼者,在干果类产品中营养价值最高,
智齿什么时候长(智齿为什么一般在16岁以后才萌发)智齿什么时候长(智齿为什么一般在16岁以后才萌发)人类的恒牙列共有32颗牙,其中最后萌出的四颗第三大臼齿,位于上下左右牙弓的最后方,因为萌出在智能成长后十六到二十四岁,所以又有智能