昨天提问了个往页面中插入音乐的新手问题,今天继续,我想要一个跟百度音乐盒那样的文字滚动,谁能帮我实现?就是音乐播放,文字向上滚动,嗯、特效什么的可以不要,但是一定要的是音乐播放完文字滚动完——意思就是音乐3分钟的话,文字也是3分钟滚动完。可以选择把文字放在一个框架里(这点随高手说,我是没主意了)当然,在哪里实现,用什么实现都可以,只要能实现(那啥,javascript我不太会)不晓得我说得清楚不清楚?

解决方案 »

  1.   

    <marquee>需要移动的文字</marquee><direction=#>  1.方向#=left, right  例:<marquee direction=left>从右向左移动</marquee>>
       <marquee direction=right>从左向右移动</marquee>>  2.次数<bihavior=#>#=scroll, slide, alternate  例:<marquee behavior=scroll>一圈一圈的绕着移动</marquee>>
       <marquee behavior=slide>只移动一次就停</marquee>><marqueebehavior=alternate>来回移动,不停</marquee>>  3.循环<loop=#>#=次数,若未指定则循环不止(infinite)  例:<marquee loop=3 width=50%behavior=scroll>只走3趟</marquee>  4.速度加快<scrollamount=#>  例:<marquee scrollamount=20>移动速度加快</marquee>>  5.速度减慢<scrolldelay=#>  例:<marquee scrolldelay=500 scrollamount=100>移动速度减慢</marquee>
       
       6.底色<bgcolor=#>#=rrggbb 16进制数码,或者是下列预定义色彩
    :Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
    Fuchsia,White, Green, Purple, Silver, Yellow, Aqua  例:<marquee bgcolor=red>是红色的</marquee>  7.面积<height=#width=#>  例:<marquee height=80 bgcolor=red>面积变大了</marquee> 
    基本语法:    需要移动的文字  1.方向#=left, right   例: 从右向左移动>    从左向右移动>   2.次数#=scroll, slide, alternate   例: 一圈一圈的绕着移动>    只移动一次就停>来回移动,不停>   3.循环#=次数,若未指定则循环不止(infinite)   例: 只走3趟  4.速度加快   例: 移动速度加快>   5.速度减慢   例: 移动速度减慢      6.底色#=rrggbb 16进制数码,或者是下列预定义色彩:Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia,White, Green, Purple, Silver, Yellow, Aqua   例: 是红色的  7.面积   例: 面积变大了--------------------------------------------Marquee标记用于在可用浏览区域中滚动文本。这个标记只适用于IE3以后的版的浏览器: 
        格式: 
        [MARQUEE ALIGN="…" 
        BEHAVIOR="…" 
        BGCOLOR="…" 
        DIRECTION="…" 
        HEIGHT="…" 
        WIDTH="…" 
        HSPACE="…" 
        VSPACE="…" 
        LOOP="…" 
        SCROLLAMOUNT="…" 
        SCROLLDELAY="…" 
    ONMOUSEOUT=this.start() 
    ONMOUSEOVER=this.stop()
        ]… 
        [/MARQUEE] 
       
        属性: 
        ALIGN:用于按设定的值对齐滚动的文本。ALIGN可以设定的值有:LEFT,CENTER,RIGHT,TO
    P,BOTTOM。此属性不是必须使用的。 
        例: 
        [MARQUEE ALIGN="TOP"] 这段滚动文字设定为上对齐 [/MARQUEE] 
       
       
        BEHAVIOR:可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。如果设定的方法是SLI
    DE,那么文本就移动到文档上,并停留在页边距上。如果设定为ALTERNATE,则文本从一边移动到另一边。如
    果设定为SCROLL,文本将在页面上反复滚动。本属性不是必须使用的。可以设定的值有:SILIDE,ALTERNAT
    E,SCROLL。 
        例: 
        [MARQUEE BEHAVIOR="ALTERNATE"] 文字从一边移动到另一边 [/MARQUEE] 
       
       
        BGCOLOR:用于设定字幕的背景颜色。背景颜色可用RGB、16进制值的格式或颜色名称来设定。 
        例: 
        [MARQUEE BGCOLOR="RED"]用颜色名称设定滚动文字背景颜色为红色 [/MARQUEE] 
        [MARQUEE BGCOLOR="#FF0000" ]用16进制值设定滚动文字背景颜色为红色 [/MARQUEE]  
        [MARQUEE BGCOLOR=RGB(100%,0%,0%)] 用RGB设定滚动文字背景颜色为红色 [/MARQUE
    E]  
          
        DIRECTION:用于设定文本滚动的方向,可以设定的值有:LEFT,RIGHT。此属性不是必须使用的。
     
        例: 
         [MARQUEE DIRECTION="LEFT" ]文字向左边滚动 [/MARQUEE] 
         [MARQUEE DIRECTION="RIGHT" ]文字向右边滚动 [/MARQUEE] 
       
    HEIGHT:用于设定滚动字幕的高度,高度可用像素或可视页面的百分比来表示。此属性不是必须使用的。 
        例: 
        [MARQUEE HEIGHT="10%"] 滚动字幕的高度是可视页面的10%[ /MARQUEE] 
        [MARQUEE HEIGHT="12" ]滚动字幕的高度是12像素 [/MARQUEE] 
          
        WIDTH:用于设定字幕的宽度,宽度可用像素或可视页面的百分比来表示。此属性不是必须使用的。 
        例: 
        [MARQUEE WIDTH="90%"] 滚动字幕的宽度是可视页面的90% [/MARQUEE] 
        [MARQUEE WIDTH="200" ]滚动字幕的宽度是200像素 [/MARQUEE ]
          
        HSPACE:用于设定滚动字幕左右的空白空间,空白空间用像素表示。此属性不是必须使用的。 
        例: 
        [MARQUEE HSPACE="15" ]滚动字幕左右空白空间为15个像素 [/MARQUEE] 
         
        VSPACE:用于设定滚动字幕上下的空白空间,空白空间用像素表示。此属性不是必须使用的。 
        例: 
        [MARQUEE VSPACE="2"] 滚动字幕上下的空白空间为2个像素 [/MARQUEE] 
         
        LOOP:用于设定滚动字幕的滚动次数。当LOOP的值为"INFINITE"或是"-1"时,则文字会无限制地滚
    动。此属性不是必须使用的。 
        例: 
        [MARQUEE LOOP="-1" ]文字滚动无数次 [/MARQUEE] 
        [MARQUEE LOOP="5" ]文字滚动5次 [/MARQUEE] 
       
        SCROLLAMOUNT:用于设定每个连续滚动文本后面的间隔,该间隔用像素表示。此属性不是必须使用
    的。 
        例: 
        [MARQUEE SCROLLAMOUNT="10"] 此文本后面的间隔为10个像素 [/MARQUEE] 
          
        SCROLLDELAY:用于设定两次滚动操作之间的间隔时间,该时间以毫秒为单位。此属性不是必须使用
    的。 
        例: 
        [MARQUEE SCROLLDELAY="5"] 此文本两次滚动之间的间隔时间为5毫秒 [/MARQUEE]ONMOUSEOUT=this.start() :用来设置鼠标移出该区域时继续滚动
    ONMOUSEOVER=this.stop():用来设置鼠标移入该区域时停止滚动活动字幕,也称为滚动看板、滚动字幕。活动字幕的使用使得整个网页更有动感,显得很有生气。现在的网站中也越来越多地使用活动字幕来加强网页的互动性。用javascript编程可以实现活动字幕效果;用Dreamweaver的图层再用其时间线功能可以做出非常漂亮的滚动看板。而用HTML的活动字幕标记所需的代码最少,确实能够以较少的下载时间换来较好的效果。该标记语法格式如下:
    aligh=left|center|right|top|bottom
    bgcolor=#n
    direction=left|right|up|down
    behavior=type
    height=n
    hspace=n
    scrollamount=n
    Scrolldelay=n
    width=n
    VSpace=n
    loop=n>
      可以看出由于活动字幕的显示方式多种多样,可选的参数也很多。下面解释一下各参数的含义:
    align:是设定活动字幕的位置,不过除了居左、居中、居右三种位置外,又增加靠上(align=top)和靠下(align=bottom)两种位置。
    Bgcolor:用于设定活动字幕的背景颜色,一般是十六进制数。
    Direction:用于设定活动字幕的滚动方向是向左、向右、向上、向下。
    Behavior:用于设定滚动的方式,主要由三种方式:behavior="scroll"表示由一端滚动到另一端;behavior="slide":表示由一端快速滑动到另一端,且不再重复; behavior="alternate"表示在两端之间来回滚动。
    Height:用于设定滚动字幕的高度。
    Width:则设定滚动字幕的宽度。
    Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。
    Scrollamount:用于设定活动字幕的滚动距离。
    scrolldelay:用于设定滚动两次之间的延迟时间。
    Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。
      标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。   应用技巧
      1、全取默认值,所用代码最少,请看下面的例子
      这个滚动字幕全取默认值,源代码:这里写字幕内容,代码是不是很少?
      2、垂直滚动
      只要加上diriction="up"就行了,如 direction="up" >这里写字幕内容。
      3、多行文本的活动字幕
      由于标记只能作用于一段文本,因此多行活动字幕,分行时只能用
    标记,不能用
    标记。
      示例源代码:活动字幕内容第一行活动字幕内容第二行活动字幕内容第三行
      4、在字幕内容中加入图象
      虽是一个活动字幕标记,但它允许在其中加入图象。下面是一个加入了图片的代码:   src="image/a2ball.gif" width="17" height="16">这是加入图象的活动字幕
      5、在Dreamweaver中使用标记
      Dreamweaver不能在编辑窗中直接加入marquee标记,但可在源代码检视器中加入标记,然后在编辑窗中编辑活动字幕的内容即可。
      标记的参数较多,在应用中要把握一个原则,能用默认值就不要再设置参数值,用什么参数就设置该参数的值,其它参数就不要再设置,以把代码控制在最少的范围内。
      

  2.   

    我要做歌词的,牛奶咖啡 - 明天,你好
    作词:王海涛
    作曲:牛奶咖啡
    编曲:格非 口琴:彭坦
    箱琴:格非
    合声:富妍kiki看昨天的我们 走远了
    在命运广场中央 等待
    那模糊的 肩膀
    越奔跑 越渺小
    曾经 并肩往前的 伙伴
    在举杯 祝福后都 走散
    只是那个 夜晚
    我深深 的都留藏在心坎
    长大以后 我只能奔跑
    我多害怕 黑暗中跌倒
    明天你好 含着泪微笑
    越美好 越害怕得到
    每一次哭 又笑着 奔跑
    一边失去 一边在寻找
    明天你好 声音多渺小
    却提醒我 勇敢是什么当我朝着反方向走去
    在楼梯的角落 找勇气
    抖着肩膀 哭泣
    问自己 在哪里
    曾经 并肩往前 的伙伴
    沉默着 懂得我的委屈
    时间它总说谎
    我从 不曾失去 那些肩膀
    长大以后 我只能奔跑
    我多害怕 黑暗中跌倒
    明天你好 含着泪微笑
    越美好 越害怕得到
    每一次哭 又笑着奔跑
    一边失去 一边在寻找
    明天你好 声音多渺小
    却提醒我长大以后 我只能奔跑
    我多害怕 黑暗中跌倒
    明天你好 含着泪微笑
    越美好 越害怕得到
    每一次哭 又笑着奔跑
    一边失去 一边在寻找
    明天你好 声音多渺小
    却提醒我 勇敢是什么
      

  3.   

    用Javascript吧:setTimeOutsetInterval
      

  4.   

    需要lrc格式歌词,再用js控制