網路城邦
回本城市首頁 八樂屋
市長:balawu  副市長:
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市資訊科技網路分享【八樂屋】城市/討論區/
討論區跑馬燈 字體:
看回應文章  上一個討論主題 回文章列表 下一個討論主題
跑馬燈--有圖有文
 瀏覽1,681|回應2推薦1

balawu
等級:7
留言加入好友
文章推薦人 (1)

傑玉

1.範例一

2.八樂園









3.範例三

八樂屋

懶貓的搖搖椅






本文於 修改第 1 次
回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2143447
 回應文章
語法說明
推薦0


balawu
等級:7
留言加入好友

 

這個範例只是想讓大家知道,跑馬燈也可以圖文並存,甚至加上超連結:

  1. 範例一:沒有超連結,但為了把文字放在圖片的中央,所以在圖片來源的地方加了一個屬性:align="center"
  2. 範例二:有超連結,但是文字放在圖片的上方,所以把屬性align改為"TOP"
  3. 範例三:有超連結、又是多行,所以在外面加上一層表格(TABLE)來控制

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2143485
語法
推薦0


balawu
等級:7
留言加入好友

 

<MARQUEE behavior=alternate width="300" scrollamount="2" scrolldelay="120" ><IMG SRC="https://city.udn.com/community/img/city/6415/CITY_PHOTO/NORMAL/f_93429_1.gif" border=0 align="center"><FONT color=##0000ff>1.範例一</FONT></MARQUEE>

<MARQUEE behavior=alternate width="300" scrollamount="2" scrolldelay="120" ><a href ="https://city.udn.com/blog?balawu"><IMG SRC="https://city.udn.com/community/img/city/6415/CITY_PHOTO/NORMAL/f_93429_1.gif" border=0 align="top"></a><a href ="https://city.udn.com/blog?balawu"><FONT color=##0000ff>2.八樂園</FONT></a><br /></MARQUEE>

<MARQUEE behavior=alternate width="300" scrollamount="2" scrolldelay="120" onmouseover="stop()" onmouseout="start()">
<table>
 <tr><td>
 <a href ="https://city.udn.com/blog?balawu">
 <IMG SRC="https://city.udn.com/community/img/city/6415/CITY_PHOTO/NORMAL/f_93429_1.gif" border=0>
  </a>
  </td><td align="center"><FONT color=#0000ff>3.範例三<br>
 <a href ="https://city.udn.com/v1/city/index.jsp?gid=6415">八樂屋</a><br>
 <a href ="https://city.udn.com/v1/city/index.jsp?gid=204">懶貓的搖搖椅</a><br>
 </FONT>
</td></tr>
</table>
</MARQUEE>



本文於 修改第 1 次
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=56615&aid=2143449