當前位置:股票大全官網 - 財經新聞 - 這個網頁中的效果是如何制作的?詳細指出

這個網頁中的效果是如何制作的?詳細指出

由多層構成。代碼:

& lt!-發布於2009-04-09 12:22:05,從#020到1043-》;

& lt!-& gt;

& lt!-北京美美百貨購物地圖-& gt;

& lthtml & gt

& lthead & gt

& ltmeta/LX/style/meimei/images/demo _ r 13 _ C5 . gif);寬度:129 px;高度:32px光標:手;顯示:block}

# menu 2 _ on { background:URL(/LX/style/meimei/images/floor _ 03 . gif);寬度:129 px;高度:32px光標:手;顯示:無;}

# menu 1 _ off { background:URL(/LX/style/meimei/images/floor _ 05 . gif);寬度:129 px;高度:32px光標:手;顯示:無;}

# menu 2 _ off { background:URL(/LX/style/meimei/images/demo _ r 13 _ C7 . gif);寬度:129 px;高度:32px光標:手;顯示:塊;}

# flash _ 1f { background:URL(images/demo _ r 15 _ c 1 . gif);wid ht:950 px;heigh:217px;光標:手;顯示:block}

# flash _ 2f { background:URL(images/demo _ r 15 _ C2 . gif);wid ht:950 px;heigh:217px;光標:手;顯示:無}

# feature _ 1f { display:block;}

# feature _ 2f { display:none;}

#band_1f { display:block}

# band _ 2f { display:none;}

-& gt;

/*版權CSS begin */

# uni _ footer { width:950 px;邊距:0自動;行高:28px文本對齊:居中;顏色:# 000;font-size:12px;padding-top:10px;背景色:# fff右邊距:8px}

#uni_footer a:鏈接,#uni_footer a:已訪問{ color:# 000;文本裝飾:下劃線;}

#uni_footer a:懸停,#uni_footer a:活動{ color:# 000;文本裝飾:下劃線;}

/*CSS for copyright end*/

。style 6 { font-size:12px;顏色:# CCCCCC;行高:18px;}

。style7 {color: #FFFFFF}

& lt/style & gt;

& ltscript type =“text/JavaScript“& gt;

& lt!-

函數變化(){

document . getelementbyid(“flash“)style . background =““;

}

函數changeOn(){

document . getelementbyid(“flash“)style . background =“URL(/LX/style/meimei/images/demo _ r 15 _ c 1 . gif“;

}

函數更改(I){//v 3.0

//alert();

if(I = = 1 ){

document . getelementbyid(“menu 1 _ on“)style . display =“block“;

document . getelementbyid(“menu 1 _ off“)style . display =“none“;

document . getelementbyid(“menu 2 _ on“)style . display =“none“;

document . getelementbyid(“menu 2 _ off“)style . display =“block“;

document . getelementbyid(“feature _ 1f“)style . display =“block“;

document . getelementbyid(“feature _ 2f“)style . display =“none“;

document . getelementbyid(“flash _ 1f“)style . display =“block“;

document . getelementbyid(“flash _ 2f“)style . display =“none“;

document . getelementbyid(“band _ 1f“)style . display =“block“;

document . getelementbyid(“band _ 2f“)style . display =“none“;

} else if(I = = 2 ){

document . getelementbyid(“menu 1 _ on“)style . display =“none“;

document . getelementbyid(“menu 1 _ off“)style . display =“block“;

document . getelementbyid(“menu 2 _ on“)style . display =“block“;

document . getelementbyid(“menu 2 _ off“)style . display =“none“;

document . getelementbyid(“feature _ 1f“)style . display =“none“;

document . getelementbyid(“feature _ 2f“)style . display =“block“;

document . getelementbyid(“flash _ 1f“)style . display =“none“;

document . getelementbyid(“flash _ 2f“)style . display =“block“;

document . getelementbyid(“band _ 1f“)style . display =“none“;

document . getelementbyid(“band _ 2f“)style . display =“block“;

}

}

//--& gt;

& lt/script & gt;

& ltmeta/LX/style/meimei/images/demo . png“fw base =“demo . gif“fw style =“Dreamweaver“fwdocid =“1958391678“fw nested =“0“-& gt;

& lttr & gt

& ltTD colspan =“22“& gt。& lt!-標準輔助導航_尚品開始-& gt;

& ltstyle type =“text/CSS“& gt;

。secondary header { height:33px;溢出:隱藏;背景:URL(/dy/images/header/2008/standard L2 nav _ BG . gif)repeat-x # fff;顏色:# 000;font-size:12px;font-weight:100;}

。次級頭a。secondaryHeader a:已訪問{ color:# 000;文字-裝飾:無;}

。副團長a:懸停,。secondary header a:active { color:# c00;文本裝飾:下劃線;}

。sh border { border:1px # e3e3e 3 solid;填充:0 10px 0 12px;溢出:隱藏;zoom:1;}

。sh logo { float:left;身高:31px;行高:31px;溢出:隱藏;}

。sHLogo span。sh logo span a { display:block;* float:left;顯示:表格單元;垂直對齊:居中;*顯示:塊;*字體大小:27px*字體系列:Arial身高:31px;}

。sHLogo span。sh logo span a img { vertical-align:middle;邊框:0;}

。sHLinks { float:right;行高:31px;}

& lt/style & gt;

& ltdiv class =“secondary header“& gt。

& ltdiv class =“sh border“& gt。

& ltdiv class =“sh logo“& gt。& ltspan>。& lta href =“/“& gt。& ltimg src =“/dy/images/header/2009/standard 2 nav _ Sina _ new . gif“alt =“Sina。com“/& gt;& lt/a & gt;& lta href =“/“& gt。& ltimg src =“/dy/images/header/2009/standard 2 nav _ style . gif“alt =“新浪尚品“/>。& lt/a & gt;& lt/span>。& lt/div & gt;

& ltdiv class =“sHLinks“& gt。& lta href =“/“& gt。尚品主頁

& lt/div & gt;

& lt/div & gt;

& ltTD colspan =“7“bgcolor =“# d8d6d 6“& gt。& ltimg name =“demo _ R6 _ C9“src =“/LX/style/meimei/images/demo _ R6 _ C9 . gif“width =“339“height =“11“border =“0“alt =“& gt;& lt/TD & gt;

& ltTD colspan =“4“& gt。& ltimg name =“demo _ R6 _ c 17“src =“/LX/style/meimei/images/demo _ R6 _ c 17 . gif“width =“296“height =“11“border =“0“alt =“& gt;& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“11“border =“0“alt =“& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD rowspan =“5“& gt。& ltimg name =“demo _ r7 _ C9“src =“/LX/style/meimei/images/demo _ r7 _ C9 . gif“width =“12“height =“182“border =“0“alt =“& gt;& lt/TD & gt;

& ltTD rowspan =“3“colspan =“3“& gt。& lta href =“/news/2007-11-16/19063589 . shtml“target =“_ blank“& gt;& ltimg name =“demo _ r7 _ c 10“src =“/LX/beauty/p/2007/116/u 1745 p8t 1058358 f 1093 dt 200711665438& lt/a & gt;& lt/TD & gt;

& ltTD rowspan =“5“& gt。& ltimg name =“demo _ r7 _ c 13“src =“/LX/style/meimei/images/demo _ r7 _ c 13 . gif“width =“10“height =“182“border =“0“alt =“& gt;& lt/TD & gt;

& ltTD rowspan =“4“valign =“top“bgcolor =“# d8d 6d 6“& gt。& lt表格寬度=“100%“border =“0“& gt;

& lttr & gt

& ltTD width =“5%“& gt。?& lt/TD & gt;

& ltTD width =“91%“& gt。& ltspan class =“style 2“& gt。& ltstrong & gt禮品VIP積分

& ltbr & gt

& lt/strong & gt;活動時間:

165438+十月16-165438+十月25日

& ltbr & gt

活動內容:

& ltbr & gt

積分達到200分即可兌換400元Maison模式禮券。

& ltbr & gt

積分超過100可兌換200元Maison模式禮券

& ltTD width =“4%“& gt。?& lt/TD & gt;

& lt/tr & gt;

& lt/table & gt;& lt/TD & gt;

& ltTD rowspan =“5“& gt。& ltimg name =“demo _ r7 _ c 15“src =“/LX/style/meimei/images/demo _ r7 _ c 15 . gif“width =“12“height =“182“border =“0“alt =“& gt;& lt/TD & gt;

& ltTD rowspan =“6“& gt。& ltimg name =“demo _ r7 _ c 17“src =“/LX/style/meimei/images/demo _ r7 _ c 17 . gif“width =“10“height =“190“border =“0“alt =“& gt;& lt/TD & gt;

& ltTD rowspan =“4“colspan =“2“& gt。& lta href =“/news/2007-11-15/16393429 . shtml“target =“_ blank“& gt;& ltimg name =“demo _ r7 _ c 10“src =“/LX/news/2007-11-16/u 1745 p 622t 1d 3589 f 19dt 2007111665438& lt/a & gt;& lt/TD & gt;

& ltTD rowspan =“6“& gt。& ltimg name =“demo _ r7 _ C20“src =“/LX/style/meimei/images/demo _ r7 _ C20 . gif“width =“10“height =“190“border =“0“alt =“& gt;& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“68“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD colspan =“2“align =“center“valign =“middle“bgcolor =“# 9c 3131“class =“style 1“& gt。地理位置《/td>。

& ltTD colspan =“5“bgcolor =“# 9c 3131“& gt;?& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“31“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD rowspan =“3“colspan =“7“bgcolor =“# d8d 6d 6“& gt。& lttable width =“281“border =“0“& gt;

& lttr & gt

& ltTD width =“11“& gt;?& lt/TD & gt;

& ltTD width =“253“& gt。& ltspan class =“style 2“& gt。?北京西長安街88號首都時代廣場

& lt/span>。& lt/TD & gt;

& ltTD width =“10“& gt。?& lt/TD & gt;

& lt/tr & gt;

& lt/table & gt;& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“69“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD rowspan =“2“colspan =“3“& gt。& ltimg name =“demo _ r 10 _ c 10“src =“/LX/style/meimei/images/demo _ r 10 _ c 10 . gif“width =“121“height =“14“border =“0“alt =“& gt;& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“3“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD bgcolor =“# d8d6d 6“& gt。& ltimg name =“demo _ r 11 _ c 14“src =“/LX/style/meimei/images/demo _ r 11 _ c 14 . gif“width =“184“height =“11“border =“0“alt =“& gt;& lt/TD & gt;

& ltTD rowspan =“2“colspan =“2“& gt。& ltimg name =“demo _ r 11 _ c 18“src =“/LX/style/meimei/images/demo _ r 11 _ c 18 . gif“width =“276“height =“19“border =“0“alt =“& gt;& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“11“border =“0“alt =“& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD colspan =“7“& gt。& ltimg name =“demo _ r 12 _ c 1“src =“/LX/style/meimei/images/demo _ r 12 _ c 1 . gif“width =“301“height =“8“border =“0“alt =“& gt;& lt/TD & gt;

& ltTD colspan =“7“& gt。& ltimg name =“demo _ r 12 _ C9“src =“/LX/style/meimei/images/demo _ r 12 _ C9 . gif“width =“339“height =“8“border =“0“alt =“& gt;& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“8“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD colspan =“2“align =“center“valign =“middle“bgcolor =“# 9c 3131“class =“style 1“& gt。樓層選擇

& ltTD colspan =“2“bgcolor =“# 9c 3131“& gt;?& lt/TD & gt;

& lttd & gt& lta href =“#“onMouseOver =“change img(1);“& gt

& ltdiv id =“menu 1“& gt;

& ltdiv id =“menu 1 _ on“& gt;& lt/div & gt;

& ltdiv id =“menu 1 _ off“& gt;& lt/div & gt;

& lt/div & gt;

& lt/a & gt;& lt/TD & gt;

& lttd & gt& ltimg name =“demo _ r 13 _ C6“src =“/LX/style/meimei/images/demo _ r 13 _ C6 . gif“width =“3“height =“32“border =“0“alt =“& gt;& lt/TD & gt;

& ltTD colspan =“4“& gt。

& lta href =“#“style =“mouse:hand;onMouseOver =“change img(2)“& gt。

& ltdiv id =“menu 2“& gt;

& ltdiv id =“menu 2 _ on“& gt;& lt/div & gt;

& ltdiv id =“menu 2 _ off“& gt;& lt/div & gt;

& lt/div & gt;

& lt/a & gt;

& lt/TD & gt;

& ltTD colspan =“10“bgcolor =“# 9c 3131“& gt;?& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“32“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD colspan =“20“bgcolor =“# FFFFFF“& gt。& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“8“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD colspan =“20“& gt。

& ltdiv & gt

& ltdiv id =“flash _ 1f“& gt;& ltembed src =“/LX/news/z/mashion mode/u 1745 p 622 t6d 24 f 245 dt 20071116163434 . swf“quality = high width = 950 height = 950 type =‘application/x-shock wave-flash‘& gt;& lt/embed & gt;& lt/div & gt;

& ltdiv id =“flash _ 2f“& gt;& ltembed src =“/LX/news/z/mashion mode/u 1745 p 622 t6d 24 f 256 dt 20071116163434 . swf“quality = high width = 950 height = 950 type =‘application/x-shock wave-flash‘& gt;& lt/embed & gt;& lt/div & gt;

& lt/div & gt;

& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“217“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD colspan =“20“& gt。& ltimg name =“demo _ r 16 _ c 1“src =“/LX/style/meimei/images/demo _ r 16 _ c 1 . gif“width =“950“height =“7“border =“0“alt =“& gt;& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“7“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD colspan =“20“bgcolor =“# 000000“& gt。& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“12“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD rowspan =“4“align =“center“valign =“top“bgcolor =“# 000000“& gt。& ltimg name =“demo _ r 18 _ c 1“src =“/LX/style/meimei/images/demo _ r 18 _ c 1 . gif“width =“13“height =“79“border =“0“alt =“& gt;& lt/TD & gt;

& ltTD colspan =“2“align =“center“valign =“middle“bgcolor =“# 9c 3131“class =“style 1“style =“cursor:hand& gt著名的商店

& ltTD rowspan =“2“colspan =“17“bgcolor =“# 000000“& gt。& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“21“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD colspan =“2“bgcolor =“# 000000“& gt。& lt/TD & gt;

& lttd & gt& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD colspan =“14“align =“left“valign =“top“bgcolor =“# 000000“& gt。

& ltdiv id =“band _ 1f“& gt;& ltp class =“style 6“& gt。& ltstrong & gt1F & lt;br & gt

& lt/strong & gt;古奇薩瓦托·菲拉格慕

雨果博斯

z傑尼亞

JC範思哲

教練

卡納利

Cerruti 1881

特魯·楚薩迪

肯特公司。寇文

吉夫斯& amp豪克斯

保羅& amp鯊魚

(法)雅皮士(bon chic?bons gens)

DKNY

帕特裏齊亞·佩佩

黃金PFEIL

內燃機

水盾草

奧塔森

劉卓

阿爾特亞

美國大學生數學建模競賽

奧爾多·布魯伊& lt/p & gt;

& lt/div & gt;

& ltdiv id =“band _ 2f“& gt;& ltp class =“style 6“& gt。& ltstrong & gt2F & lt;br & gt

& lt/strong & gt;

畢巴

米克爾

安娜·索薩

才智

BYPAC

噓小狗

噓小狗女士

迪森格時報

坦普爾勒

波波

拉帕蓋

寶石

(American Cinema Editors)美國電影電視剪接師協會

只是黃金只是鉆石

埃斯蒂娜

簡易商店

曼托尼

卡裏尼

馬塞恩

& ltstrong & gt& ltbr & gt

& lt/strong & gt;& lt/p & gt;& lt/div & gt;

& lt/TD & gt;

& ltTD rowspan =“2“colspan =“5“bgcolor =“# 000000“& gt。& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“39“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD colspan =“14“bgcolor =“# 000000“& gt。& ltimg name =“demo _ r21 _ C2“src =“/LX/style/meimei/images/demo _ r21 _ C2 . gif“width =“635“height =“6“border =“0“alt =“& gt;& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“6“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD colspan =“20“& gt。& ltimg name =“demo _ R22 _ c 1“src =“/LX/style/meimei/images/demo _ R22 _ c 1 . gif“width =“950“height =“1“border =“0“alt =“& gt;& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“1“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD colspan =“20“bgcolor =“# 000000“& gt。& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“14“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD rowspan =“4“align =“center“valign =“top“bgcolor =“# 000000“& gt。& ltimg name =“demo _ r24 _ c 1“src =“/LX/style/meimei/images/demo _ r24 _ c 1 . gif“width =“13“height =“106“border =“0“alt =“& gt;& lt/TD & gt;

& ltTD colspan =“2“& gt。& lta href =“#“& gt;& ltimg name =“demo _ r24 _ C2“src =“/LX/style/meimei/images/demo _ r24 _ C2 . gif“width =“80“height =“21“border =“0“alt =“& gt;& lt/a & gt;& lt/TD & gt;

& ltTD rowspan =“2“colspan =“17“bgcolor =“# 000000“& gt。& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“21“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD colspan =“2“& gt。& ltimg name =“demo _ r25 _ C2“src =“/LX/style/meimei/images/demo _ r25 _ C2 . gif“width =“80“height =“13“border =“0“alt =“& gt;& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“13“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD colspan =“17“bgcolor =“# 000000“& gt。

& ltdiv & gt

& ltdiv id =“feature _ 1f“& gt;& ltspan class =“style 6“& gt。壹樓聚集了古馳、薩瓦托·菲拉格慕、雨果·博斯和蔻馳等國際奢侈品牌。& lt/span>。& lt/div & gt;

& ltdiv id =“feature _ 2f“& gt;& ltspan class =“style 6“& gt。第二層有卡納利、塞魯蒂1881、保羅&;鯊魚、Aquascutum等國際商務休閑產品。& lt/span>。& lt/div & gt;

& lt/div & gt;

& lt/TD & gt;

& ltTD colspan =“2“rowspan =“2“align =“right“valign =“bottom“bgcolor =“# 000000“& gt。& ltimg name =“demo _ r26 _ c 19“src =“/LX/style/meimei/images/demo _ r26 _ c 19 . gif“width =“218“height =“72“border =“0“alt =“& gt;& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“43“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lttr & gt

& ltTD colspan =“17“bgcolor =“# 000000“& gt。& lt/TD & gt;

& lttd & gt& ltimg src =“/LX/style/meimei/images/spacer . gif“width =“1“height =“29“border =“0“alt =““& gt;& lt/TD & gt;

& lt/tr & gt;

& lt/table & gt;

& lt/body & gt;

& lt/html & gt;