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

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

紫羅蘭
傑玉



範例一

八樂園

八樂屋

懶貓的搖搖椅






範例二

八樂園

八樂屋

懶貓的搖搖椅



回應 回應給此人 推薦文章 列印 加入我的文摘

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


balawu
等級:7
留言加入好友

 

這篇主題是要說明多行捲動的一些應用:

  1. 一般而言,多行捲動的方向是由下往上捲,所以方向(direction)我們設為UP
  2. 為了多顯示效果,所以加上超連結,只要在文字前面加上超連結文字這樣就可以了
  3. 如果要讓超連接的視窗在另一個畫面顯示,那麼就要加上target="_blank" 這樣的屬性(範例二),例如: target="_blank" href=....>超連結文字
  4. 想要讓跑馬燈暫時休息一下不要動的話(範例二),可以加上這二個屬性
    onmouseover="stop()":滑鼠移過來時暫停 跑馬燈
    onmouseout="start()":滑鼠移走時繼續跑馬燈
  5. 為了讓每一行可以換行,所以在每一行文字之後加上<br>
  6. 最後為了讓您區別有二個範例,所以在跑馬燈加註背景顏色的屬性
    -bgcolor="##44FFFF"(
    範例一)
    bgcolor="##44CCCC"(範例二)



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


balawu
等級:7
留言加入好友

 

<marquee bgcolor="##44FFFF" width=100% height="150" direction="up" scrollamount="2" scrolldelay="100" >
<font size="4" color="#0000ff">
範例一<br>
◎<a href ="https://city.udn.com/v1/blog/index.jsp?uid=balawu">八樂園</a><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>
</marquee>

<marquee bgcolor="##44CCCC" width=100% height="150" direction="up" scrollamount="2" scrolldelay="100" onmouseover="stop()" onmouseout="start()">
<font size="4" color="#0000ff">
範例二<br>
◎<a target="_blank" href ="https://city.udn.com/v1/blog/index.jsp?uid=balawu">八樂園</a><br>
◎<a target="_blank" href ="https://city.udn.com/v1/city/index.jsp?gid=6415">八樂屋</a><br>
◎<a target="_blank" href ="https://city.udn.com/v1/city/index.jsp?gid=204">懶貓的搖搖椅</a><br>
</font>
</marquee>

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