Web滚动字幕(MARQUEE⽰例)
在webform上实现⾛马灯效果
前台:
<MARQUEE.stop().start() scrollamount=1 scrolldelay=1 direction= left border="1" >
<%=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>
移动属性的设置 ,这种移动不仅仅局限于⽂字,也可以应⽤于图⽚,表格等等
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>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论