香料國境▋羅東~香味獨特的印度料理，印度老板開的哦，奶香糸列餐點才是正宗口味

簡介：紫色微笑 ~ Ben & Jean 的饗樂生活.....美食/旅遊/親子/生活日記 旅行的樂趣-在於用味蕾記錄回憶 邀稿/合作信箱: smilejean@gmail.com 網誌 名片 留言 RSS 紫色微笑首頁輪播效果 #abgne-block-20120804 { /* 圖片寬度 + 縮圖寬度 + 間隔 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 { /* 圖片寬度 */ height: 300px; /* 圖片高度 */ position: absolute; } #abgne-block-20120804 .desc-block { position: absolute; bottom: 0; left: 0; /* 圖片寬度 */ height: 32px; } #abgne-block-20120804 .desc-bg, #abgne-block-20120804 .desc-title { position: absolute; /* 圖片寬度 - 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; height: 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 { 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 { height: 63px; margin-right: 2px; } #abgne-block-20120804 .carousel img { height: 63px; } #abgne-block-20120804 .carousel ul { position: absolute; } #abgne-block-20120804 .carousel li { height: 72px; } #abgne-block-20120804 .carousel .current .nav-bar { /* 當被點選時，縮圖左邊的顏色 */ background: #ad5809; } #abgne-block-20120804 .thumbs .prev, #abgne-block-20120804 .thumbs .next { /* 縮圖上下的控制鈕 */ position: absolute; left: 43px; height: 0px; padding-top: 6px; overflow: hidden; display: block; cursor: pointer; } #abgne-block-20120804 .thumbs .prev { top: 0px; background-position: 0 -21px; background: url(http://farm6.staticflickr.com/5495/10953877906_013e3ecff5_o.png) no-repeat 0 0; } #abgne-block-20120804 .thumbs .next { bottom: -2px; background-position: 0 -27px; background: url(http://farm8.staticflickr.com/7363/10953969904_7a4e948d70_o.png) no-repeat 0 0; } 用 jQuery 幫圖片加上黑白效果 .black-div {background: #decec0; height: 90px; } 宜蘭民宿精選 驚艷澳門 蜜月長灘島 驚奇馬尼拉 日本京阪神 日本中部 日本四國 海南島三亞 崔記早點 部落格密技