底圖+圖片+圖片左右移動語法-去捐血吧│愛情公寓交友網站與聊天室

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

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

素人也能成為明日之星！

移除此區廣告請加入VIP

檔案狀態:

住戶編號:1985555

去捐血吧的日記本

快速選單

2種圖片右至左移動語法《前一篇

後一篇》图片的特殊效果

給他日記貼紙

給他愛的鼓勵

檢舉

篇名: 底圖+圖片+圖片左右移動語法
作者: 去捐血吧	日期: 2011.10.08　　天氣: 　心情:

一張固定背景圖+一張美女圖片(位置可調整)+一張加長橫幅圖片往右移動

<SPAN id="diaryStr" >
<center ><div style="POSITION:relative;WIDTH:716px;TOP:0px;LEFT:0px" id="table1">
<img style="BORDER-BOTTOM:#003333 8px double;BORDER-LEFT:#003333 8px double;BORDER-TOP:#003333 8px double;BORDER-RIGHT:#003333 8px double" src="http://farm1.i-part.com.tw/n1v1/5/5/5/5/1985555/photo/book111/13171338626797.jpg" width="700" height="400"/>
<div style="Z-INDEX:2;POSITION:absolute;WIDTH:700px;HEIGHT:400px;TOP:8px;LEFT:8px" id="02"><marquee height="400" behavior="slide" width="700" scrollamount="1" scrolldelay="50" ><marquee direction="right" height="400" width="700" scrollamount="1" scrolldelay="50" >
<img src="http://farm1.i-part.com.tw/n1v1/5/5/5/5/1985555/photo/book124/13168538754688.jpg" width="2569" height="400"/></marquee></marquee></div>
<div style="Z-INDEX:2;POSITION:absolute;WIDTH:450px;HEIGHT:426px;TOP:20px;LEFT:10px" id="item01"><img style="FILTER:Alpha(opacity=50,style=2)" src="http://c-photo.i-part.com.tw/n1v1/5/5/5/5/1985555/photo/book51/12995164624223t.jpg" width="450" height="426"/></div></div></center></SPAN>
*******************************************************************
<SPAN id="diaryStr" >
<center ><div style="POSITION:relative;WIDTH:716px;TOP:0px;LEFT:0px" id="table1">
<img style="BORDER-BOTTOM:#003333 8px double;BORDER-LEFT:#003333 8px double;BORDER-TOP:#003333 8px double;BORDER-RIGHT:#003333 8px double" src="固定背景圖網址" width="700" height="400"/>
<div style="Z-INDEX:2;POSITION:absolute;WIDTH:700px;HEIGHT:400px;TOP:-2px;LEFT:8px" id="02"><marquee height="400" behavior="slide" width="700" scrollamount="1" scrolldelay="50" ><marquee direction="right" height="400" width="700" scrollamount="1" scrolldelay="50" >
<img src="加長橫幅圖片網址" width="2569" height="400"/></marquee></marquee></div>
<div style="Z-INDEX:2;POSITION:absolute;WIDTH:450px;HEIGHT:426px;TOP:20px;LEFT:10px" id="item01"><img style="FILTER:Alpha(opacity=50,style=2)" src="美女圖片網址" width="450" height="426"/></div></div></center></SPAN>
美女圖片(位置調整)
TOP:20px****"上下調整"
LEFT:10px***"左右調整"
opacity=50**"圖片的透明度"數字越小越透明"
style=2*****"霧化"1.2.3.4.調整"

*******************************************************************

一張固定背景圖+一張美女圖片(位置可調整)+一張加長橫幅圖片往右移動

標籤:

瀏覽次數:253 人氣指數:2453 累積鼓勵:110

切換閱讀模式

給他日記貼紙

給他愛的鼓勵

檢舉

給本文愛的鼓勵：