生活不外如是: Html跑馬燈＋圖片＋超連結 - yam天空部落

新聞

註冊登入

夯集

DIY動態游標教學圖解 | 主頁 | 台灣各地區天氣語法教學

November 8, 2006

Html跑馬燈＋圖片＋超連結

以文找文

pailing 在天空部落發表於21:41:09 | 基礎應用

可貼在自由欄位當做佈告欄、網頁描述、自我介紹...等

歡迎光臨生活不外如是，痞客的分站在這裡，請多指教。

◎本篇範例的語法：

<marquee style="border: 2px solid #614e3b" scrolldelay="150" bgcolor="#887766" width="220" height="20"><img src="http://pics15.blog.yam.com/5/userfile/p/pailing/album/144d0f0e39a519.gif"> 歡迎光臨生活不外如是，PIXNET的分站<a href="http://pailing.pixnet.net/blog"target="_blank">在這裡</a>，請多指教。</marquee>

   border: 2px solid #666666 (框線粗細樣式顏色)
   scrolldelay="跑馬速度" (數值越大速度越慢)
   bgcolor="背景顏色代碼"
   width="跑馬燈寬度" height="跑馬燈高度"
   img src="圖片網址"
   <a href="連結網址" target="_blank">連結顯示文字</a>
   target="_blank" =在新視窗開啟 (要在原視窗開啟可刪除此語法)

將語法複製回去套用 (滑鼠移過來可反白))
<marquee style="border:外框粗細樣式顏色" scrolldelay="跑馬速度" bgcolor="#背景色" width="跑馬燈寬度" height="跑馬燈高度"><img src="圖片網址">在連結前面的文字<a href="連結網址"target="_blank">連結顯示文字</a>在連結後面的文字</marquee>

   設定文字樣式小撇步：
   要改變文字的顏色、尺寸、字型時，
   在文字前面加上<font color="色碼" size="尺寸" face="字型">文字後面加上</font>

誰推薦這篇文章：

留言 (10) | 引用 (2) | 人氣 () | 轉寄 | 檢舉

此分類上一篇:DIY動態游標教學圖解 | 主頁 | 此分類下一篇:電腦鍵盤快速鍵應用

引用 (你可以針對此文寫一篇屬於自己的blog/想法,並給作者一個通告)

引用

leven en laten leven於＜外行人筆記: 跑馬燈＞引用本文

提要:很早就看過有人在自己的網誌上用跑馬燈當公告欄那時候開始我就一直也想替自己的網誌加個這種樣子的公告欄想在偷懶或沒靈感而沒寫網誌的時候公告一下也算是給訪客一點交代但一

引用時間: Sep 7, 2007

☆楓葉零のFLASH樂園☆於＜天空教學-Html跑馬燈＋圖片＋超連結＞引用本文

提要:很棒的教學~^^ 感謝分享哦~

引用時間: Mar 3, 2008

留言 (10筆)

10.

請問可以直接點圖片就到連杰網址嗎??
謝謝^^

板主回覆:
發問要留mail喔，詳見版規，不便之處請見諒~

tom 於 Jan 6, 2012 留言 |

9.

我不是很会用野……
那些字要加哪里呢？

板主回覆:
可以用在網頁任何能放HTML語法的地方，
例如版頭、自由欄位、文章內...等。

yoshiko 於 Aug 13, 2011 留言 |

8.

此篇為私密留言

於 Mar 7, 2011 留言 |

7.

版主很高興來到你的部落格
可以拿你的跑馬燈語法嗎
非常感謝你

板主回覆:
可以呀，歡迎取用喔~^^

師公於 Oct 13, 2010 留言 |

6.

很好用且自訂性很高的跑馬燈呢^^
把它帶回去當佈告欄用～

謝謝分享^^！！

板主回覆:
請別客氣，歡迎喔~^^

amylovesnow 於 Jul 18, 2010 留言 |

5.

不好意思我是個新手,請問一下要怎麼才能把這個跑馬燈放到我想要的位置,我用自訂欄位只能放在左邊或右邊,要怎麼樣才能放在中間,先說聲謝謝

板主回覆:
不必客氣喔，如果要放在欄位中間的話，
在跑馬燈語法的前後各加上置中的語法，
寫法如下：
<center>這裡是跑馬燈語法</center>

醬子就ok了^__^

fafa0621tw 於 Mar 31, 2010 留言 |

4.

請問如何使用ｈｔｍｌ讓跑馬燈不間斷？

板主回覆:
請問你指的不間斷是怎樣的情況呢?
如果你是指換頁時不間斷，那可能得用到框架才行，
但使用框架的詳細方法我不太熟所以不敢和你亂講喔^^

請教於 Feb 16, 2009 留言 |

3.

我可以把這篇教學放在我自己的網上嗎??

板主回覆:
如果要引用當然沒問題啊^^
引用網址http://blog.yam.com/pailing/article/4532144#comment8862838

vivian 於 Apr 6, 2007 留言 |

2.

謝謝喔~我拿走囉...從來沒看過這ㄍ語法

板主回覆:
不用客氣喔^^

happying2277 於 Feb 25, 2007 留言 |

1.

請問，如果我只要秀出跑馬燈，不附加超連結設定的語法是如何呢？

板主回覆:
安安喔，因為你說是初學，所以這裡先貼一些基本語法，
如果你學會還有興趣，我再告訴你一些較複雜的。
可以先將下方的範例語法複製回去慢慢研究喔^^

◎基本語法：
<marquee>跑馬燈文字內容</marquee>
(↑無邊框、無背景…所有狀態皆為預設模式)

◎附加設定語法：(不想用預設模式時，可加入以下設定)
bgcolor="背景顏色"
border="設定邊框樣式"
height="跑馬燈高度值"
width="跑馬燈寬度值"
direction="left" (字向左跑，這是預設的方向)
direction="right" (字向右跑)
direction="up" (字向上跑)
direction="down" (字向下跑)
behavior="slide" (向左跑到底即停)
behavior="alternate" (左右來回跑)
scrolldelay="速度值" (數字愈大，數度愈慢)
loop="數字" (顯示次數，預設為無限次)

【範例語法】
<font color="#ffffff" size="2" face="arial"><marquee style="border: 2px solid #613408"scrolldelay="180" behavior="alternate" bgcolor=#887766 width="165" height="20">這裡輸入文字內容</font></marquee>

【範例語法說明】
<font color="字的顏色" size="字的尺寸" face="字體"><marquee style="border: 2px=邊框粗細 solid=邊框類型邊框顏色"scrolldelay="字的速度" behavior="跑馬方向" bgcolor=背景底色 width="跑馬燈寬度" height="跑馬燈高度">這裡輸入文字內容</font></marquee>

genius945 於 Nov 9, 2006 留言 |

發表你的留言 (字數限制最多 2000 個中文字)

檢視行動版網頁 | 檢視正常版網頁

系統公告

熱情贊助

佈告 & Login

十顯示天空工具列十

密室遊戲推薦專區
分站→生活不外如是Ⅱ(備用)

2月份遊戲修改公告

02/10 Scratch 全面開放並新增增三種語言
02/06 とあらんの部屋修正重複拿起子時的音效

最近文章

網誌分類

密室遊戲 (38)
解體遊戲 (3)
BLOG小物 (10)
電腦‧部落 (3)
F1‧MotoGP (2)
- F1‧MotoGP (20)
- 汽車標誌 (1)
休閒‧生活 (2)
- 民生資訊 (5)
- 生活札記 (13)

最新回應

BLOG ADs

每月文章彙集

站內搜文

Google搜文

ＩＤ：pailing
暱稱：Pailing

訂閱文章

自由取用

QR Code

生活不外如是

生活不外如是

好站好讚

yam天空
      ▪ 電鍋添添Fun~
      ▪ 寧靜海的天際線
      ▪ 也無風雨也無晴
      ▪ LKK 的心聲
      ▪ dllee
      ▪ 愛美萬萬歲
      ▪ SOUL & âme
      ▪ 小邱邱的測量放樣工程
      ▪ 《佶也》今昔面面觀
      ▪ 設計創藝心空間
      ▪ MESON手札
      ▪ 小拉仔的水晶手作
      ▪ ERROR 404

痞客邦
      ▪ Belito的香格里拉
      ▪ 焦糖
      ▪ 中等女子
      ▪ 動漫新樂園
      ▪ 芸之夢想天空
      ▪ Tiny mouse
      ▪ 黏糕的私生活
      ▪ DailyFocus 每日拋
      ▪ 心~ 在放風箏

Blogger
      ▪ 索尼斯‧網路攻略
      ▪ 小Mic報報
      ▪ {Hakuna Matata}
      ▪ 凌的寶貝過動兒
      ▪ A Taiwanese in Milan
      ▪ ~ 從小框框看世界~
      ▪ AMOS 2010 資訊小站
      ▪ 大鐵與小鐵的煉鋼廠
      ▪ 靖．技場

新浪部落
      ▪ 甜粿拔の婚禮攝影
      ▪ 夢想行星

無名小站
      ▪ 紅色死神
      ▪ 小甄的故事

WordPress
      ▪ 重灌狂人
      ▪ 高登工作室
      ▪ Taiwan 2.0
   ▼ 其它網站
      ▪ 風揚名@Blog
      ▪ 藍色小站
      ▪ 東方の小魔怪(cherry的頻道)

貼紙蒐集簿

企鵝串聯網

Frank的雜記

紅色死神

久石譲オフィシャルサイト

株式会社ワンダーシティ

Tiny mouse

亞希斯夢遊幻鏡

串連支持

自由欄位圖文教學

常用文章&工具

即時人數

☺感謝此刻駐足的位朋友☺

訪客統計

當日人次:
累積人次:

RSS 訂閱

RSS2

ATOM

CC授權

其它資訊

本部落所刊登之內容，皆由作者個人所提供，不代表 yam 天空部落本身立場。

POWERED BY

會員登入│免費註冊