asp.net中用MARQUEE實現流動文字的公告欄
阿新 • • 發佈:2019-02-16
第一認識 MARQUEE:
Marquee標記用於在可用瀏覽區域中滾動文字。這個標記只適用於IE3以後的版的瀏覽器。
格式:
<MARQUEE ALIGN="…" 用於按設定的值對齊滾動的文字。ALIGN可以設定的值有:LEFT,CENTER,RIGHT。。。。
BEHAVIOR="…" 可以在頁面上一旦出現文字時讓瀏覽器按照設定的方法來處理文字
BGCOLOR="…" BGCOLOR:用於設定字幕的背景顏色
DIRECTION="…" 用於設定文字滾動的方向
HEIGHT="…" 用於設定滾動字幕的高度
WIDTH="…" 用於設定字幕的寬度
HSPACE="…" 用於設定滾動字幕左右的空白空間
VSPACE="…" 用於設定滾動字幕上下的空白空間
LOOP="…" 於設定滾動字幕的滾動次數。當LOOP的值為"INFINITE"或是"-1"時,則文字會無限制地滾動
SCROLLAMOUNT="…" 用於設定每個連續滾動文字後面的間隔,該間隔用畫素表示。
SCROLLDELAY="…" 用於設定兩次滾動操作之間的間隔時間,該時間以毫秒為單位。
>…
</MARQUEE>
一個簡單使用的示例:
<marquee direction="up" width="100" bgcolor="#ffcc66" style="Z-INDEX: 124; LEFT: 80px; POSITION: absolute; TOP: 312px" onmouseover="this.stop()" onmouseout="this.start()">///onmouseover="this.stop()"響應滑鼠經過事件——文字停止移動
///onmouseout="this.start()"滑鼠移開事件的響應——文字繼續移動
//下面是建立DataList用於能動態更新顯示的文字,(既更新資料庫就能更新文字)
〈asp:DataList ID="DataList1" Runat="server" Font-Size="Smaller"〉
〈ItemTemplate〉
〈table width="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100" align="center" valign="middle"><%# DataBinder.Eval(Container.DataItem,"公告內容") %></td>
</tr>
</table>
</ItemTemplate>
</asp:DataGrid>
//以上就是將DataList 的資料來源幫定到"公告內容"欄位,具體的DataLis的資料幫定和DataGrid基本一樣,很多.net 的書都講的有,請網友自己去參考其他資料.
</marquee>
Marquee標記用於在可用瀏覽區域中滾動文字。這個標記只適用於IE3以後的版的瀏覽器。
格式:
<MARQUEE ALIGN="…" 用於按設定的值對齊滾動的文字。ALIGN可以設定的值有:LEFT,CENTER,RIGHT。。。。
BEHAVIOR="…" 可以在頁面上一旦出現文字時讓瀏覽器按照設定的方法來處理文字
BGCOLOR="…" BGCOLOR:用於設定字幕的背景顏色
DIRECTION="…" 用於設定文字滾動的方向
HEIGHT="…" 用於設定滾動字幕的高度
WIDTH="…" 用於設定字幕的寬度
HSPACE="…" 用於設定滾動字幕左右的空白空間
VSPACE="…" 用於設定滾動字幕上下的空白空間
LOOP="…" 於設定滾動字幕的滾動次數。當LOOP的值為"INFINITE"或是"-1"時,則文字會無限制地滾動
SCROLLAMOUNT="…" 用於設定每個連續滾動文字後面的間隔,該間隔用畫素表示。
SCROLLDELAY="…" 用於設定兩次滾動操作之間的間隔時間,該時間以毫秒為單位。
>…
</MARQUEE>
一個簡單使用的示例:
<marquee direction="up" width="100" bgcolor="#ffcc66" style="Z-INDEX: 124; LEFT: 80px; POSITION: absolute; TOP: 312px" onmouseover="this.stop()" onmouseout="this.start()">///onmouseover="this.stop()"響應滑鼠經過事件——文字停止移動
///onmouseout="this.start()"滑鼠移開事件的響應——文字繼續移動
//下面是建立DataList用於能動態更新顯示的文字,(既更新資料庫就能更新文字)
〈asp:DataList ID="DataList1" Runat="server" Font-Size="Smaller"〉
〈ItemTemplate〉
〈table width="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100" align="center" valign="middle"><%# DataBinder.Eval(Container.DataItem,"公告內容") %></td>
</tr>
</table>
</ItemTemplate>
</asp:DataGrid>
//以上就是將DataList 的資料來源幫定到"公告內容"欄位,具體的DataLis的資料幫定和DataGrid基本一樣,很多.net 的書都講的有,請網友自己去參考其他資料.
</marquee>