zoukankan      html  css  js  c++  java
  • Web滚动字幕(MARQUEE示例)

    在webform上实现走马灯效果

    前台:

    <MARQUEE.stop().start() scrollamount=1 scrolldelay=1 direction= left border="1" style=" 31%; height: 16px;">

    <%=Structure%></MARQUEE>

    后台:

    public string Structure = "";
    调用时对Structure即可

    动态实现

    前台:

    <asp:Label runat="server" Text="Label"></asp:Label></div>

    后台:

    Label1.Text += "<marquee.stop().start() scrollamount=1 scrolldelay=15 direction= right >";
    for (int i = 0; i < dv.Table.Rows.Count; i++){
         Label1.Text += string.Format("<a  href=\"{0}\">{1}</a> " + "  ", "Default2.aspx?id=" + dv.Table.Rows[i][0].ToString(), dv.Table.Rows[i][3].ToString());
    }
    Label1.Text += "</marquee>";

    Marquee基本语法
    <marquee> ... </marquee>
    移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等等

    方向
    <direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移!</marquee>

    方式
    <bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走!</marquee>
    <marquee behavior=slide>只走一次就歇了!</marquee>
    <marquee behavior=alternate>来回走</marquee>

    循环
    <loop=#> #=次数;若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee> <P>
    <marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>
    <marquee loop=3 width=50% behavior=alternate>只走 3 趟!</marquee>

    速度
    <scrollamount=#> <marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>

    延时
    <scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

    外观(Layout)设置

    对齐方式(Align)
    <align=#> #=top, middle, bottom <font size=6>
    <marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
    </font>

    底色
    <bgcolor=#> #=rrggbb 16 进制数码,或者是下列预定义色彩:
    Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
    Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>颜色!</marquee>

    面积
    <height=# width=#> <marquee height=40 width=50% bgcolor=aaeeaa>面积!</marquee>

    空白
    (Margins)<hspace=# vspace=#>
    <marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积!</marquee>

    方向
    <direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移!</marquee>

    方式
    <bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走!</marquee>
    <marquee behavior=slide>只走一次就歇了!</marquee>
    <marquee behavior=alternate>来回走</marquee>

    循环
    <loop=#> #=次数;若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee> <P>
    <marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>
    <marquee loop=3 width=50% behavior=alternate>只走 3 趟!</marquee>

    速度
    <scrollamount=#> <marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>

    延时
    <scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

    外观(Layout)设置

    对齐方式(Align)
    <align=#> #=top, middle, bottom <font size=6>
    <marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
    </font>

    底色
    <bgcolor=#> #=rrggbb 16 进制数码,或者是下列预定义色彩:
    Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
    Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>颜色!</marquee>

  • 相关阅读:
    每日二题20201117(34. 在排序数组中查找元素的第一个和最后一个位置)
    【CQOI2011】动态逆序对
    P3584 [POI2015]LAS
    P4643 [国家集训队]阿狸和桃子的游戏
    【CF555E】Case of Computer Network
    P3810 【模板】三维偏序(陌上花开)
    P3391 【模板】文艺平衡树(Splay)
    P3690 【模板】Link Cut Tree (动态树)
    【CF161D】Distance in Tree
    P3806 【模板】点分治1
  • 原文地址:https://www.cnblogs.com/hailexuexi/p/1780200.html
Copyright © 2011-2022 走看看