轉貼測試-lady │愛情公寓交友網站與聊天室

還沒登入愛情公寓嗎？還沒加入愛情公寓嗎？馬上進入公寓和 10,528,237 個住戶交朋友～

紅包抽抽樂！小資變土豪！

素人也能成為明日之星！

移除此區廣告請加入VIP

檔案狀態:

住戶編號:1965841

lady 的日記本

快速選單

test 《前一篇

後一篇》 test

回應

給他日記貼紙

給他愛的鼓勵

檢舉

篇名: 轉貼測試
作者: lady	日期: 2010.10.25　　天氣: 　心情:

轉個彎吧^^"

利用Extra.Movie to Gif軟體(或是網路上任意一個可以合併gif檔案的軟體)

將gif合併

把多個gif檔案存成一個動態gif
像這樣：

合併成

再直接用
html的語法<body background="圖片位置" > </body >做成背景
<body background="http://c-photo.i-part.com.tw/n1v1/8/5/1/8/278158/photo/book1/12879988903095t.gif" > </body >

如果只是要放動態圖片的話
html的語法<img src='圖片位置' >
<body >
<img src='http://c-photo.i-part.com.tw/n1v1/8/5/1/8/278158/photo/book1/12879988903095t.gif' >
</body >
ps.
照理說我們要做的背景應該只會對日記內容的背景有影響，可是卻變成整個html的頁面背景
在這裡可能又要再研究了,因為我們破壞了框架結構XD

有需要再一起研究~^"^~

如果是整個網頁的話
動態網頁可以利用SCRIPT做隨機播放

<html >
<head >
<title >隨機背景圖片</title >
<script >
var bgImgArray = new Array();
bgImgArray[0] = "http://c-photo.i-part.com.tw/n1v1/1/4/8/5/1965841/photo/book6/12879250611654.gif";
bgImgArray[1] = "http://c-photo.i-part.com.tw/n1v1/1/4/8/5/1965841/photo/book6/12879250598414.gif";
bgImgArray[2] = "http://c-photo.i-part.com.tw/n1v1/1/4/8/5/1965841/photo/book6/12879250586077.gif";
bgImgArray[3] = "http://c-photo.i-part.com.tw/n1v1/1/4/8/5/1965841/photo/book6/12879250578005.gif";

function randomBg() {
var wrap = document.getElementById("wrap");
wrap.style.backgroundImage = "url("+bgImgArray[Math.floor(Math.random()*bgImgArray.length)]+")";
}
setInterval("randomBg()",1000);
</script >
<style >
    #wrap {background-image: url(http://c-photo.i-part.com.tw/n1v1/1/4/8/5/1965841/photo/book6/12879250611654.gif);
           height:576px;
           width:1024px}
</style >
</head >
<body >
<div id="wrap" >展示</div >
</body >
</html >

這是測試頁面
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_script
把你的code貼在左邊欄位按Edit and Click me，右邊就會跑你的code網頁

我們只要更改diary_viewpage_bg的background內容就可以再日記裡新增一個table
再把要的背景圖放進去，就大功告成了>"<

標籤:

瀏覽次數:169 人氣指數:1769 累積鼓勵:80

切換閱讀模式

回應

給他日記貼紙

給他愛的鼓勵

檢舉