网页跑马灯效果,marquee/marquee标签

实现跑马灯的方法很多,其中最简单的是采用一句Html代码来实现,我们在需要出现跑马灯效果的地方插入“滚动的文字”语句,它的效果如下所示:

滚动的文字

  适当的运用标签的参数,可以表现出不同的效果,请看下面的几个例子:

  1、左右弹来弹去的跑马灯

弹来弹去跑马灯!

   实现的方法就是在IE的标签上稍微多加了几个参数产生了更加丰富的变化。设置behavior=alternate表示双向移动,direction= left表示运动方向向左。marquee的宽度可以使用绝对象素值,例如width=200等这个值限定了跑马灯滚动的范围。需要说明的是该效果在 Netscape下是看不到的。

  源码粘贴框:

弹来弹去跑马灯!

  2、跑的很快的跑马灯

跑的很快跑马灯!  

  只要在标签后面加上“scrollamount=15”即可,修改=后边的数字参数即可限制文字移动的速度。

  3、带有超级链接的跑马灯

带超级链接的跑马灯!点我试试?          还有一条呢!点我试试?  

  实现的方法很简单,把整个语句包含在超链接中就行,你看看下面的代码就清楚了。当然你也可以把包含在中的各条内容分别加上不同的链接,这样的跑马灯就可用来发布滚动新闻或是做站点导航了。

  如果你想给跑马灯的文字加上颜色,换用不同的字体(默认是宋体,换体就要加代码),只要在文字前加上就行了,你可在“face=”后边换上你喜欢的字体,在“color=”后边换上你喜欢的字颜色,在“size=”后边换上适合的字号,如果想让字体加粗,就再加上

    请看一下效果:  带超级链接的跑马灯!点我试试?       还有一条呢!点我试试?

  上面效果的代码码如下:

跑马灯大全(一) 电脑交互教程 网页制作技巧技巧

  实现步骤:
        (1)先在标签下面插入一段JavaScript代码;

  (2)然后在需要实现跑马灯式提示信息效果的超链接中加入Onmouseover和Onmouseout语句。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章