網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

公告欄的製作方法

欄目: 生活常識 / 發佈於: / 人氣:2.39W

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

操作方法

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

公告欄的製作方法

(02)上載圖片。點“圖片”、點“添加”、點要上載的圖片、點“打開”、點“插入圖片”

公告欄的製作方法 第2張

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

公告欄的製作方法 第3張

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

公告欄的製作方法 第4張

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

公告欄的製作方法 第5張
公告欄的製作方法 第6張
Tags:公告欄