網(wǎng)站設(shè)計(jì)之橫向相冊(cè)效果代碼
2010/6/21 14:46:25
相信很多網(wǎng)站設(shè)計(jì)的時(shí)候都會(huì)運(yùn)用到橫向相冊(cè)效果一樣的幻燈片,這樣可以美化網(wǎng)站,讓訪客印象深刻(如圖),那么網(wǎng)站設(shè)計(jì)如何加上這樣的相冊(cè)效果呢?其實(shí)很簡(jiǎn)單,只要把代碼復(fù)制到要放到的圖層即可。
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標(biāo)題文檔</title> </head> <body> <title></title> <style> body {background:#000;margin:0;font:12px Verdana;text-align:center;} #tbody {width:650px;margin:20px auto;text-align:left;} #mainbody {width:640px;margin:5px;border:1px solid #222;padding:1px} #mainphoto {cursor:pointer;display:block;} #goleft {float:left;clear:left;margin:6px 5px 0 3px;} #goright {float:right;clear:right;margin:6px 3px 0 5px;} #photos {width:610px;height:54px;line-height:54px;border:1px solid #222;margin:10px 0;overflow:hidden;} #showArea img {display:block;float:left;margin:1px 0;cursor:pointer;border:1px solid #222} .txt_1 {font:bold 24px Verdana, Tahoma;color:#fff;} </style> <body> <div id="tbody"> <div id="mainbody"> <img src="1524244292-1.jpg" width="640" height="400" id="mainphoto" rel="1524244292-1.jpg" name="http://www.sjf2002.com" /> </div> <img src="left.jpg" width="11" height="56" id="goleft" /> //需要更換圖片地址 <img src="right.jpg" width="11" height="56" id="goright" /> //需要更換圖片地址 <div id="photos"> <div id="showArea"> <!-- SRC: 縮略圖地址 REL: 大圖地址 NAME: 網(wǎng)址 --> <img src="1524244292-1.jpg" width="80" height="50" rel="1524244292-1.jpg" name="http://www.sjf2002.com" /> <img src="b292d0d05ebaa2fa572c8491.jpg" width="80" height="50" rel="b292d0d05ebaa2fa572c8491.jpg" name="http://www.sjf2002.com" /> //需要更換圖片地址 <img src="942ef5261aebfd3f918f9dd2.jpg" width="80" height="50" rel="942ef5261aebfd3f918f9dd2.jpg" name="http://www.sjf2002.com" /> //需要更換圖片地址 <img src="1524244292-1.jpg" width="80" height="50" rel="1524244292-1.jpg" name="http://www.sjf2002.com" /> //需要更換圖片地址 <img src="b292d0d05ebaa2fa572c8491.jpg" width="80" height="50" rel="b292d0d05ebaa2fa572c8491.jpg" name="http://www.sjf2002.com" /> //需要更換圖片地址 <img src="334fbeadd6d1bfc1faed500d.jpg" width="80" height="50" rel="334fbeadd6d1bfc1faed500d.jpg" name="http://www.sjf2002.com" /> //需要更換圖片地址 <img src="1524244292-1.jpg" width="80" height="50" rel="1524244292-1.jpg" name="http://www.sjf2002.com" /> //需要更換圖片地址 <img src="b292d0d05ebaa2fa572c8491.jpg" width="80" height="50" rel="b292d0d05ebaa2fa572c8491.jpg" name="http://www.sjf2002.com" /> //需要更換圖片地址
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
精品国产乱码久久久久久浪潮|
97人洗澡人人澡人人爽人人模|
欧美一级久久久久久久大|
免费一级特黄视频|
色噜噜的亚洲男人的天堂|
国产理论在线观看|
91青青青国产在观免费影视|
妞干网视频在线观看|
中文字幕精品无码亚洲字|
日韩欧美aⅴ综合网站发布|
亚洲国产成人精品女人久久久|
狂野小农民在线播放观看|
午夜欧美精品久久久久久久
|
最新中文字幕电影免费观看|
亚洲日韩国产精品无码av|
狠狠爱无码一区二区三区|
北岛玲在线精品视频|
色屁屁www影院免费观看视频|
国产情侣91在线播放|
香蕉啪视频在线观看视频久|
在打烊后仅剩两人接档泡面番|
jizz国产精品|
成年女人免费播放影院|
久久久免费精品|
日韩精品一区在线|
亚洲av色无码乱码在线观看|
欧美多人换爱交换乱理伦片|
亚洲欧美日韩精品专区卡通
|
国产精品免费观看视频播放|
99久久免费国产精精品|
女大学生的沙龙室|
一级毛片人与动免费观看|
无码精品国产一区二区三区免费|
久久无码专区国产精品s|
最近中文字幕国语免费完整|
亚洲人成精品久久久久|
欧美成人看片黄a免费看|
亚洲欧美日韩综合久久久久|
激情捆绑国语对白|
光棍影院y11111|
男女性杂交内射女BBWXZ|