<h4>最新消息</h4>
?<sql:query var="rs" dataSource="${dataSource}" maxRows='3'>
?? select * from tb_article where category='news' order by createdDate desc
?</sql:query>
?<MARQUEE direction="up" style="border:0px;" SCROLLDELAY="1" onMouseOver="this.stop();" ONMOUSEOUT="this.start();" SCROLLAMOUNT="1" VSPACE="2" height="150">
?<ul>
?<c:forEach var="article" items="${rs.rows}">
?<li>
?<a href="showArticle.jsp?id=${article.id}" title="${article.title}">
?${fn:substring(article.title,0,12)}${fn:length(article.title)>12?'...':''}
?</a><br/>
?<f:formatDate value="${article.createdDate}" pattern="yyyy-MM-dd HH:mm:ss"/>
?</li>
?</c:forEach>
?</ul>
?<br>
?<a href="news.jsp" style="float:right;"><u>更多新聞...</u></a>
?</MARQUEE>
</div>
<div class="sideBarDiv" style="height: 160px;">
html滾動(dòng)代碼大全[HTML代碼]會(huì)移動(dòng)的文字(Marquee)
Marquee標(biāo)記用于在可用瀏覽區(qū)域中滾動(dòng)文本。這個(gè)標(biāo)記只適用于IE3以后的版的瀏覽器。
格式：
<MARQUEE ALIGN="…"
BEHAVIOR="…"
BGCOLOR="…"
DIRECTION="…"
HEIGHT="…"
WIDTH="…"
HSPACE="…"
VSPACE="…"
LOOP="…"
SCROLLAMOUNT="…"
SCROLLDELAY="…"
ONMOUSEOUT=this.start()
ONMOUSEOVER=this.stop()
>…
</MARQUEE>
ONMOUSEOUT=this.start() ：用來(lái)設(shè)置鼠標(biāo)移出該區(qū)域時(shí)繼續(xù)滾動(dòng)
ONMOUSEOVER=this.stop()：用來(lái)設(shè)置鼠標(biāo)移入該區(qū)域時(shí)停止?jié)L動(dòng)
?
-------------------------------------------------------------
------------------------------------------------------------
?
基本語(yǔ)法
<marquee> ... </marquee>
文字移動(dòng)屬性的設(shè)置
方向
<direction=#> #=left, right <marquee direction=left>從右向左移！</marquee>
方式
<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈繞著走！</marquee>
<marquee behavior=slide>只走一次就歇了！</marquee>
<marquee behavior=alternate>來(lái)回走</marquee>
循環(huán)
<loop=#> #=次數(shù)；若未指定則循環(huán)不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee>
<marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>
<marquee loop=3 width=50% behavior=alternate>只走 3 趟！</marquee>
速度
<scrollamount=#> <marquee scrollamount=20>啦啦啦，我走得好快喲！</marquee>
延時(shí)
<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！
</marquee>
外觀(Layout)設(shè)置
對(duì)齊方式(Align)
<align=#> #=top, middle, bottom <font size=6>
<marquee align=# width=400>啦啦啦，我會(huì)移動(dòng)耶！</marquee>
</font>
底色
<bgcolor=#> #=rrggbb 16 進(jìn)制數(shù)碼，或者是下列預(yù)定義色彩：
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=center>面積！</marquee>
<marquee direction=up>我在向上走！</marquee>
<marquee direction=down>我又下向走了</marquee>
?
?
?