Smilejean.pixnet.net

紫色微笑 ~ ben & jean 的饗樂生活.....美食/旅遊/親子/生活日記 旅行的樂趣-在於用味蕾記錄回憶 邀稿/合作信箱: [email protected] 網誌 名片 留言 rss 紫色微笑首頁輪播效果 #abgne-block-20120804 { width: 552px; /* 圖片寬度 + 縮圖寬度 + 間隔 8px */ height: 300px; /* 圖片高度 */ padding: 6px 10px; position: relative; border: 1px solid #ccc; } #abgne-block-20120804 ul, #abgne-block-20120804 li { margin: 0; padding: 0; list-style: none; } #abgne-block-20120804 img { border: none; } #abgne-block-20120804 .photo { width: 450px; /* 圖片寬度 */ height: 300px; /* 圖片高度 */ position: absolute; } #abgne-block-20120804 .desc-block { position: absolute; bottom: 0; left: 0; width: 450px; /* 圖片寬度 */ height: 32px; } #abgne-block-20120804 .desc-bg, #abgne-block-20120804 .desc-title { position: absolute; width: 430px; /* 圖片寬度 - padding * 2 */ background: #000; top: 0; height: 24px; padding: 4px 10px; } #abgne-block-20120804 .desc-title { color: #fff; background: none; line-height: 24px; } #abgne-block-20120804 #playpause-btn { /* 播放/暫停鈕 */ position: absolute; display: block; right: 5px; bottom: 5px; width: 21px; height: 21px; width: 21px; height: 21px; text-indent: -999px; } #abgne-block-20120804 .playpause-btn-play { background: url(http://farm6.staticflickr.com/5516/10953800365_c43196dd09_o.png) no-repeat 0px 0px; } #abgne-block-20120804 .playpause-btn-pause { background: url(http://farm8.staticflickr.com/7453/10953969824_1835609754_o.png) no-repeat 0px 0px; } #abgne-block-20120804 .thumbs { width: 94px; height: 288px; /* 圖片高度 - padding-top */ padding-top: 12px; right: 10px; position: absolute; } #abgne-block-20120804 .carousel { height: 280px; position: relative; overflow: hidden; } #abgne-block-20120804 .carousel .nav-bar { float: left; width: 2px; height: 63px; margin-right: 2px; } #abgne-block-20120804 .carousel img { float: left; width: 90px; height: 63px; } #abg