公告欄的製作方法

來源:酷知科普網 2.42W

經常寫部落格,有時需要做臨時通知。特別在首頁安放的,要求美觀、大方,這就需要做一個公告欄。這裡介紹一種用程式碼製作公告欄的方法。

操作方法

(01)準備背景圖。就是公告欄的背景圖。要求圖片意境與你公告內容相融。寬度高度與公告欄的寬度高度相一致。

公告欄的製作方法

(02)上傳圖片。點“圖片”、點“新增”、點要上傳的圖片、點“開啟”、點“插入圖片”

公告欄的製作方法 第2張

(03)取得圖片地址。1、點“顯示原始碼”;2、複製圖片地址,放到“記事本”備用。

公告欄的製作方法 第3張

(04)編輯。1、清空編輯器;2、將本文上面“工具/原料”給的那組程式碼複製,貼上到編輯器;3、將第三步備用的圖片地址複製,貼上至“背景圖地址”那裡,替換;4、填寫公告內容。

公告欄的製作方法 第4張

(05)調整。如果需要不同尺寸的公告欄,可自己調整。第一組height和width分別是公告欄的高和寬。第二組height和width分別是文字移動範圍。scrollAmount是文字移動速度。

公告欄的製作方法 第5張
公告欄的製作方法 第6張
熱門標籤