會移動的文字(Marquee)_經驗交流

來源:互聯網
上載者:User
Marquee標記用於在可用瀏覽地區中滾動文本。這個標記只適用於IE3以後的版的瀏覽器。 
    格式: 
        BEHAVIOR="…" 
    BGCOLOR="…" 
    DIRECTION="…" 
    HEIGHT="…" 
    WIDTH="…" 
    HSPACE="…" 
    VSPACE="…" 
    LOOP="…" 
    SCROLLAMOUNT="…" 
    SCROLLDELAY="…" 
ONMOUSEOUT=this.start()
ONMOUSEOVER=this.stop()
    >… 
     
   
    屬性: 
    ALIGN:用於按設定的值對齊滾動的文本。ALIGN可以設定的值有:LEFT,CENTER,RIGHT,TOP,BOTTOM。此屬性不是必須使用的。 
    例: 
    這段滾動文字設定為上對齊 
   
   
    BEHAVIOR:可以在頁面上一旦出現文本時讓瀏覽器按照設定的方法來處理文本。如果設定的方法是SLIDE,那麼文本就移動到文檔上,並停留在頁面邊界上。如果設定為ALTERNATE,則文本從一邊移動到另一邊。如果設定為SCROLL,文本將在頁面上反覆滾動。本屬性不是必須使用的。可以設定的值有:SILIDE,ALTERNATE,SCROLL。 
    例: 
    文字從一邊移動到另一邊 
   
   
    BGCOLOR:用於設定字幕的背景顏色。背景顏色可用RGB、16進位值的格式或顏色名稱來設定。 
    例: 
    用顏色名稱設定滾動文字背景顏色為紅色 
    用16進位值設定滾動文字背景顏色為紅色 
    用RGB設定滾動文字背景顏色為紅色 
      
    DIRECTION:用於設定文本滾動的方向,可以設定的值有:LEFT,RIGHT。此屬性不是必須使用的。 
    例: 
    文字向左邊滾動 
    文字向右邊滾動 
   
HEIGHT:用於設定滾動字幕的高度,高度可用像素或可視頁面的百分比來表示。此屬性不是必須使用的。 
    例: 
    滾動字幕的高度是可視頁面的10% 
    滾動字幕的高度是12像素 
      
    WIDTH:用於設定字幕的寬度,寬度可用像素或可視頁面的百分比來表示。此屬性不是必須使用的。 
    例: 
    滾動字幕的寬度是可視頁面的90% 
    滾動字幕的寬度是200像素 
      
    HSPACE:用於設定滾動字幕左右的空白空間,空白空間用像素表示。此屬性不是必須使用的。 
    例: 
    滾動字幕左右空白空間為15個像素 
     
    VSPACE:用於設定滾動字幕上下的空白空間,空白空間用像素表示。此屬性不是必須使用的。 
    例: 
    滾動字幕上下的空白空間為2個像素 
     
    LOOP:用於設定滾動字幕的滾動次數。當LOOP的值為"INFINITE"或是"-1"時,則文字會無限制地滾動。此屬性不是必須使用的。 
    例: 
    文字滾動無數次 
    文字滾動5次 
   
    SCROLLAMOUNT:用於設定每個連續滾動文本後面的間隔,該間隔用像素表示。此屬性不是必須使用的。 
    例: 
    此文本後面的間隔為10個像素 
      
    SCROLLDELAY:用於設定兩次滾動操作之間的間隔時間,該時間以毫秒為單位。此屬性不是必須使用的。 
    例: 
    此文本兩次滾動之間的間隔時間為5毫秒

ONMOUSEOUT=this.start() :用來設定滑鼠移出該地區時繼續滾動
ONMOUSEOVER=this.stop():用來設定滑鼠移入該地區時停止滾動
javascript實現連續滾動
<!-- 定義圖片 -->
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
經典論壇的訊息滾動

[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
<style type="text/css"> a {text-decoration: none;} </style>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
複製代碼 代碼如下:


var marqueeContent=new Array();
marqueeContent[0]='重新整理列表';
<% Dim rs,sql
CALL online_users
sql = "SELECT O.userName,U.realName FROM TBL_ONLINE O left join TBL_USER U on O.userName=U.userName ORDER BY O.loginTime DESC"
Set rs = conn.execute(sql)
If NOT (rs.eof AND rs.bof) Then
count=1
do while not rs.eof
%>
marqueeContent[<%=count%>]='"><%=rs("realName")%>';
<% rs.movenext
count=count+1
loop
End If
rs.close
set rs=nothing
conn.close
set conn=nothing
%>

<table style="border:1px black solid;"><tr><td> <!-- Marquee Body Head --> 這個是廣告~~~~~~~~~ 這個也是廣告~~~~~~~~~~~~~~~~ 這個怎麼還是廣告?????? Windy2000 也給自己做個廣告~~~~~~~~~~ <!-- Marquee Body Bottom --> </td></tr></table>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

<table style="border:1px black solid;"><tr><td> <table style="border:0px;padding:0px;"><tr><td> <!-- Marquee Body Head --> 經典論壇 163.com 21cn.com Happy new year <!-- Marquee Body Bottom --> </td></tr></table> </td></tr></table> Direction1: <input type="button" value="↑" onclick="obj_marquee.direction='up'"> <input type="button" value="↓" onclick="obj_marquee.direction='down'"> <input type="button" value="←" onclick="obj_marquee.direction='left'"> <input type="button" value="→" onclick="obj_marquee.direction='right'"> <input type="button" value=" X " onclick="obj_marquee.direction=''"> Direction2: <input type="button" value="↑" onclick="obj_marquee.direction2='up'"> <input type="button" value="↓" onclick="obj_marquee.direction2='down'"> <input type="button" value="←" onclick="obj_marquee.direction2='left'"> <input type="button" value="→" onclick="obj_marquee.direction2='right'"> <input type="button" value=" X " onclick="obj_marquee.direction2=''">
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.