Welcome 布拉格

BlogJava 首页 联系 聚合 管理
  6 Posts :: 13 Stories :: 15 Comments :: 0 Trackbacks
<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滚动代码大全[HTML代码]会移动的文字(Marquee)

Marquee标记用于在可用浏览区域中滚动文本。这个标记只适用于IE3以后的版的浏览器。 
    格式: 
    <MARQUEE ALIGN="…" 
    BEHAVIOR="…" 
    BGCOLOR="…" 
    DIRECTION="…" 
    HEIGHT="…" 
    WIDTH="…" 
    HSPACE="…" 
    VSPACE="…" 
    LOOP="…" 
    SCROLLAMOUNT="…" 
    SCROLLDELAY="…" 
ONMOUSEOUT=this.start()
ONMOUSEOVER=this.stop()
    >… 
    </MARQUEE> 

ONMOUSEOUT=this.start() :用来设置鼠标移出该区域时继续滚动
ONMOUSEOVER=this.stop():用来设置鼠标移入该区域时停止滚动

 


-------------------------------------------------------------


------------------------------------------------------------

 

基本语法
<marquee> ... </marquee>

文字移动属性的设置
方向
<direction=#> #=left, right <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>
<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=center>面积!</marquee>
<marquee direction=up>我在向上走!</marquee>
<marquee direction=down>我又下向走了</marquee>

 

 


 

posted on 2007-08-29 18:29 Welcome 阅读(1009) 评论(0)  编辑  收藏 所属分类: HTML\CSS

只有注册用户登录后才能发表评论。


网站导航: