天涯部落

小圈子,大声音!呼朋引伴网聚部落!

创建新部落?

[共享交流]滚动字幕

楼主:mystery雨 时间:2007-05-13 19:32:41 点击:238682 回复:78
脱水模式给他打赏只看楼主 阅读设置
  平时见的滚动的那些这里就不说了
  补充点我教材里没有的
  
  各参数详解:
  a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
  b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
  c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
  d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
  e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
  
  
  1.建立第一个滚动字幕:
  代码探索部落

欢迎进入==》mystery雨的HTML编辑教程
  
  
  
楼主mystery雨 时间:2007-05-13 19:35:00
  1.建立第一个滚动字幕。代码:
  <marquee scrollAmount=2 width=300>代码探索部落</marquee>
  
  2实例:
  a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。
  如下效果,代码是
  
  <marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>,点击中央电视台就可以进入了:
  中央电视台
  
  
作者 :月飞 时间:2007-05-13 19:36:00
  SF
楼主mystery雨 时间:2007-05-13 19:37:00
   2实例:
  a)演示
  
  中央电视台
  
  
  b)如何制作当鼠标停留在文字上,文字停止滚动?
  效果演示
   文字内容
  
  
  
作者 :如蝶轻舞 时间:2007-05-13 19:37:00
  BD
楼主mystery雨 时间:2007-05-13 19:38:00
  b)如何制作当鼠标停留在文字上,文字停止滚动?
  代码如:
  <marquee scrollAmount=2 width=400 onmouseover=stop() onmouseout=start()> 文字内容</marquee>
  
  c)交替效果。代码如:
  <marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee>
  
楼主mystery雨 时间:2007-05-13 19:41:00
  c)交替效果。代码演示
  
  




文字内容
  
  d)多行文本向左上滚动。代码演示:
  




早晨好啊!
空气好清新啊
你还好吗

mystery雨


楼主mystery雨 时间:2007-05-13 19:51:00
  d)多行文本向左上滚动。代码:
    
  <MARQUEE scrollAmount=2 width=300>
  <MARQUEE scrollAmount=2 direction=up width=300 height=160>早晨好啊!
  空气好清新啊
  你还好吗
  <P><A href="http://my3.tianya.cn/mytianya/ListWriterNew.asp?vwriter=mystery雨&idwriter=0&key=0">mystery雨</A></P></MARQUEE></MARQUEE>
  
作者 :南漂万分之一 时间:2007-05-13 19:53:00
  :)
作者 :余聪 时间:2007-05-13 22:59:00
  :)
作者 :lo宝贝 时间:2007-05-14 13:45:00
  :)
作者 :清白做人 时间:2007-05-14 16:41:00
  :)
作者 :露露宝贝 时间:2007-05-14 21:33:00
  :)
作者 :乱世棋子 时间:2007-05-15 09:12:00
  ^&^
  
  俺要与你们与众不同
作者 :ttwei2005 时间:2007-05-24 13:44:00
  <b>挺好</b>
作者 :点烟听聊 时间:2007-06-04 01:21:00
  综合一下
  多行文本滚动和鼠标悬停代码可以这样的:
  代码如下:
  <MARQUEE style="WIDTH: 170px; HEIGHT: 100px" scrollAmount=1 scrollDelay=100 direction=up width=170 height=90 onmouseout="this.start()" onmouseover="this.stop()"><SPAN style="FONT-SIZE: 11pt; LINE-HEIGHT: 18px; FONT-FAMILY: 华文行楷"><a href=http://www.chongziblog.cn><FONT color=#ee00ee>各位博友大家好<BR>欢迎来到本博客<BR>如有问题请给我留言<BR>我会尽力给大家一一解答<BR>你也可以点击本公告<BR>进入我现在使用的博客</SPAN></MARQUEE>
  
  代码说明:
  width-------整个滚动区的宽度,可调;
  height------整个滚动区的高度,可调;
  scrollamount----滚动步长,改动变化很大,数值越大滚动越快
  scrolldelay-----滚动频率,每次跳动之间的时间间隔,数值越大跳的越慢;
  direction-------滚动方向。("up"自下向上滚"down"自上向下滚"left"自右往左滚"rigt"自左往右滚)
  字体设置:
  (FONT-SIZE:)设置字体大小(LINE-HEIGHT:)设置文字行距(FONT-FAMILY:)设置字体,如设置成“华文行楷”(color=)设置文字颜色
  改变滚动字幕的颜色,可以用样式表来控制。代码是:
  <marquee scrollAmount=2 width=300><a style=color:CC6600>欢迎光临点烟听聊博客</a></marquee>
  
作者 :yeshengchao 时间:2007-06-13 15:01:00
  我用过了,不行,lz骗人
作者 :牧羊一族 时间:2007-06-15 23:17:00
  代码探索部落
  
作者 :牧羊一族 时间:2007-06-15 23:18:00
作者 :蝶之魂 时间:2007-06-17 04:40:00
  不错
作者 :牧羊一族 时间:2007-06-17 10:41:00
   文字内容
  
作者 :虚幻现实中 时间:2007-06-21 23:45:00
  虚幻现实中来试试就知道
  
作者 :虚幻现实中 时间:2007-06-21 23:46:00
  完全不行!
楼主mystery雨 时间:2007-06-24 05:49:00
  :)
作者 :tian2020 时间:2007-09-04 05:42:00
  辛苦了,真的不错哦
作者 :快乐乌托邦 时间:2008-02-04 14:22:00
作者 :郝国中 时间:2008-06-10 21:28:00
  代码探索部落
    
  
作者 :pxs168 时间:2008-06-25 18:01:00
  代码探索部落
作者 :pxs168 时间:2008-06-25 18:04:00
  应用应用,怎么样在这里应用???
作者 :高巨侠 时间:2008-06-29 22:30:00
作者 :乱世棋子 时间:2008-07-17 13:59:00
  :)
作者 :cailingsan 时间:2008-08-22 08:49:00
  空气好清新啊
  你还好吗
  
  
  
  
  
作者 :nemobest 时间:2008-08-22 16:36:00
  代码探索部落
作者 :nemobest 时间:2008-08-22 16:45:00
  怎样才能把 这个效果发上去呢 ?
   哪位大哥教教我
作者 :杨玫瑰 时间:2008-11-07 19:58:00
    
    早晨好啊!
    空气好清新啊
    你还好吗
    

mystery雨

作者 :motonow 时间:2009-01-28 14:36:00
  代码探索部落
作者 :闲人曾医生 时间:2009-02-03 21:31:00
  试一下
作者 :闲人曾医生 时间:2009-02-03 21:32:00
   好象不行呀
作者 :无处不在的阳光 时间:2009-02-07 09:28:00
  这里是蓝色
作者 :想上月球的兔子 时间:2009-04-04 20:18:00
  飘过
  
作者 :lovefate2000 时间:2009-04-11 15:55:00
  No I can’t forget this evening (我无法忘记那个夜晚)
Nor your face as you were leaving (也无法忘记你离开那刻的表情)
But I guess that’s just the way (我想我们从此结束了)
The story goes
You always smile but in your eyes (你一直都强颜微笑着)
Your sorrow shows (却掩盖不了你的悲伤)
Yes it shows (掩盖不了)

No I can’t forget tomorrow (明天,我将无法忘记)
When I think of all my sorrow (每当我想起我的痛)
When I had you there (每当我回想起那时你还在我跟前)
But then I let you go (但我却眼睁睁地看着你离我而去)
And now it’s only fair (然而此刻唯一我最想做的)
That I should let you know (是让你知道)
What you should know (我很想让你知道)

I can’t live (我不能活下去)
If living is without you (如果生命中没有了你)
I can’t live (我不能生存下去)
I can’t give any more (没有办法让我再为你付出)
I can’t live (我不能不活下去)
If living is without you (如果生命中没有了你)
I can’t give (我不能生存下去)
I can’t give any more (没有办法让我再为你付出)

Well I can’t forget this evening (我无法忘记那个夜晚 )
Nor your face as you were leaving (也无法忘记你离开那刻的表情)
But I guess that’s just the way (我们从此结束了)
The story goes
You always smile but in your eyes (你一直都强颜微笑着)
Your sorrow shows (却掩盖不了你的悲伤 )
Yes it shows (掩盖不了)

I can’t live (我不能活下去)
If living is without you (如果生命中没有了你)
I can’t live (我不能生存下去)
I can’t give any more (没有办法让我再为你付出)
I can’t live (我不能生存下去 )

If living is without you (如果生命中没有了你 )
I can’t live (我不能生存下去 )
I can’t give any more (没有办法让我再为你付出 )
(No, I can’t live) (不能,我不能生存下去 )
(No, I can’t live) (不能,我不能生存下去 )
No (不能 )
No no no no (不能,不能,不能 )
I can’t live (我不能生存下去 )
(No, I can’t live) (不能,我不能生存下去 )
If living is without you (如果生命中没有了你 )
(No, I can’t live) (不能,我不能生存下去 )
I can’t live (我不能生存下去 )
I can’t give any more (没有办法让我再为你付出 )
I can’t live (我不能生存下去 )
作者 :蜈蚣咬毛 时间:2009-04-13 22:42:00
  <marquee scrollAmount=2 width=99 behavior=alternate>文字内容</marquee>
  
作者 :jackwawax 时间:2009-05-04 17:03:00
  <marquee scrollAmount=2 width=99 behavior=alternate>好想找个人来 靠靠... 哪怕就一会儿``` </marquee>
作者 :2009myTrance 时间:2009-05-11 20:08:00
  <marquee scrollAmount=2 width=400 onmouseover=stop() onmouseout=start()> <font color=aqua>2009myTrance向 mystery雨老师 问安啦!</font></marquee>
  
作者 :鲜柠檬之恋 时间:2009-05-29 15:22:00
  <marquee scrollAmount=2 width=400 onmouseover=stop() onmouseout=start()> 事实</marquee>
  


作者 :鲜柠檬之恋 时间:2009-05-29 15:25:00
  <marquee scrollAmount=2 width=300>为啥不行呢 不会动</marquee>
  
作者 :鲜柠檬之恋 时间:2009-05-29 15:51:00
  <MARQUEE scrollAmount=2 width=300>
    <MARQUEE scrollAmount=2 direction=up width=300 height=160>早晨好啊!
    空气好清新啊
    你还好吗
    <P><A href="http://my3.tianya.cn/mytianya/ListWriterNew.asp?vwriter=mystery雨&idwriter=0&key=0">mystery雨</A></P></MARQUEE></MARQUEE>
    
作者 :果籽猫猫 时间:2009-06-23 20:37:00
  记号学习
作者 :风_之_泪 时间:2009-06-26 16:04:00
   <marquee scrollAmount=2 width=300 direction=right>学习学习</marquee>
作者 :南岳一杉 时间:2009-07-14 08:35:00
  <MARQUEE style="WIDTH: 170px; HEIGHT: 100px" scrollAmount=1 scrollDelay=100 direction=up width=170 height=90 onmouseout="this.start()" onmouseover="this.stop()"><SPAN style="FONT-SIZE: 11pt; LINE-HEIGHT: 18px; FONT-FAMILY: 华文行楷"><a href=http://www.chongziblog.cn><FONT color=#ee00ee>各位博友大家好<BR>欢迎来到本博客<BR>如有问题请给我留言<BR>我给大家一一解答<BR>你也可以点击本公告<BR>进入我现在使用的博客</SPAN></MARQUEE>
作者 :王嘉心1900 时间:2009-07-29 17:54:00
  <marquee scrollAmount=2 width=99 behavior=alternate>我来飘过</marquee>
作者 :F_L_YING 时间:2009-08-12 02:11:00
  <marquee scrollAmount=2 width=300>能动不?</marquee>
  
作者 :F_L_YING 时间:2009-08-12 02:18:00
  <marquee scrollAmount=2 width=300>"代码探索部落"</marquee>
  
作者 :F_L_YING 时间:2009-08-12 02:28:00
  <MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>
作者 :itolgeqh 时间:2009-08-18 01:22:00
  明白的人一看就知道是基础,不明白的人只会说:LZ你骗人..
  
作者 :yeboy88 时间:2009-11-19 23:01:00
  <marquee scrollAmount="2" width="400" onmouseover=stop() onmouseout=start()> 文字内容</marquee>
作者 :Lakida 时间:2009-11-26 19:32:00
  <marquee scrollAmount=2 width=300>支持</marquee>
  
作者 :xc6512107 时间:2009-12-01 10:58:00
  No I can’t forget this evening (我无法忘记那个夜晚)Nor your face as you were leaving (也无法忘记你离开那刻的表情)But I guess that’s just the way (我想我们从此结束了)The story goes You always smile but in your eyes (你一直都强颜微笑着)Your sorrow shows (却掩盖不了你的悲伤)Yes it shows (掩盖不了)No I can’t forget tomorrow (明天,我将无法忘记)When I think of all my sorrow (每当我想起我的痛)When I had you there (每当我回想起那时你还在我跟前)But then I let you go (但我却眼睁睁地看着你离我而去)And now it’s only fair (然而此刻唯一我最想做的)That I should let you know (是让你知道)What you should know (我很想让你知道)I can’t live (我不能活下去)If living is without you (如果生命中没有了你)I can’t live (我不能生存下去)I can’t give any more (没有办法让我再为你付出)I can’t live (我不能不活下去)If living is without you (如果生命中没有了你)I can’t give (我不能生存下去)I can’t give any more (没有办法让我再为你付出)Well I can’t forget this evening (我无法忘记那个夜晚 )Nor your face as you were leaving (也无法忘记你离开那刻的表情)But I guess that’s just the way (我们从此结束了)The story goes You always smile but in your eyes (你一直都强颜微笑着)Your sorrow shows (却掩盖不了你的悲伤 )Yes it shows (掩盖不了)I can’t live (我不能活下去) If living is without you (如果生命中没有了你)I can’t live (我不能生存下去)I can’t give any more (没有办法让我再为你付出) I can’t live (我不能生存下去 )If living is without you (如果生命中没有了你 )I can’t live (我不能生存下去 )I can’t give any more (没有办法让我再为你付出 )(No, I can’t live) (不能,我不能生存下去 )(No, I can’t live) (不能,我不能生存下去 )No (不能 )No no no no (不能,不能,不能 )I can’t live (我不能生存下去 )(No, I can’t live) (不能,我不能生存下去 )If living is without you (如果生命中没有了你 )(No, I can’t live) (不能,我不能生存下去 )I can’t live (我不能生存下去 )I can’t give any more (没有办法让我再为你付出 )I can’t live (我不能生存下去 )
作者 :xc6512107 时间:2009-12-01 10:59:00
  &lt; < 怎么都变成 &lt; 了
作者 :woaizjk 时间:2010-03-16 00:41:00
  欢迎光临天涯张家口市部落
  
作者 :想试着改善自己 时间:2010-04-13 11:56:00
  大家好
  
作者 :想试着改善自己 时间:2010-04-13 11:57:00
  怎么不行呀?
作者 :微斯雨 时间:2010-04-13 21:52:00
  作者:想试着改善自己 提交日期:2010-04-13 11:57:28 删 除 编 辑 64#
  
    怎么不行呀?
  -----所有的代码都必须经过有权限的管理员编辑过后才有效果,貌似我上次说过的啊,又忘了,桑心哦。。。。
作者 :zhuwenbin2008 时间:2010-04-20 11:54:00
  <MARQUEE scrollAmount=2 width=300>
    <MARQUEE scrollAmount=2 direction=up width=300 height=160>早晨好啊!
    空气好清新啊
    你还好吗
    <P><A href="http://my3.tianya.cn/mytianya/ListWriterNew.asp?vwriter=mystery雨&idwriter=0&key=0">mystery雨</A></P></MARQUEE></MARQUEE>
  
作者 :zhuwenbin2008 时间:2010-04-20 11:57:00
  <MARQUEE scrollAmount=2 width=300>
    <MARQUEE scrollAmount=2 direction=up width=300 height=160>早晨好啊!
    空气好清新啊
    你还好吗
    <P><A href="http://my3.tianya.cn/mytianya/ListWriterNew.asp?vwriter=mystery雨&idwriter=0&key=0">mystery雨</A></P></MARQUEE></MARQUEE>
  
作者 :人生ta如梦 时间:2010-04-24 00:47:00
  <marquee scrollAmount=2 width=300>代码探索部落</marquee>
  
作者 :凤凰的荣耀 时间:2010-04-30 23:01:00
  <marquee scrollAmount=2 width=300>代码探索部落</marquee>
  
作者 :凤凰的荣耀 时间:2010-04-30 23:02:00
  <marquee scrollAmount=2 width=400 onmouseover=stop() onmouseout=start()> 文字内容</marquee>
  
作者 :kong3155 时间:2010-08-24 10:58:00
  <marquee scrollAmount=2 width=300>代码探索部落</marquee>
作者 :libbypeng 时间:2011-01-29 15:29:00
  <marquee scrollAmount=2 width=300><a href=http://www.ailaiyiyr.info>艾莱依时尚羽绒服</a></marquee>
  我试试看!!
作者 :libbypeng 时间:2011-01-29 15:36:00
  怎么没有反应呢?
作者 :caiyayun321 时间:2011-02-17 04:08:00
  <MARQUEE scrollAmount=2 width=300>
    <MARQUEE scrollAmount=2 direction=up width=300 height=160>早晨好啊!
    空气好清新啊
    你还好吗
    <P><A href="http://my3.tianya.cn/mytianya/ListWriterNew.asp?vwriter=mystery雨&idwriter=0&key=0">mystery雨</A></P></MARQUEE></MARQUEE
作者 :predictsv 时间:2012-02-08 22:25:00
  <a target="_blank" href="http://www.21fol.com">21fol.com</a>

相关推荐

    发表回复

    请遵守天涯社区公约言论规则,不得违反国家法律法规