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>

  • 相关阅读:
    如何实现Android欢迎页
    创建webapi的简单步骤
    IOS里Request的斗争(上)
    预告:关于接下来的部分,都是番外。
    利用Selenium制作python数据抓取,以及对Selenium资源介绍
    利用openpyxl来读取Excel数据
    在pycharm下快速添加插件
    C# 分布式缓存服务器方案
    2014中国省市数据库
    FormsAuthentication 登录兼容 IE11 保存cookie
  • 原文地址:https://www.cnblogs.com/hailexuexi/p/1780200.html
Copyright © 2011-2022 走看看