www.gusucode.com > 购物商城JS幻灯片轮播特效源码程序 > 购物商城JS幻灯片轮播特效/仿淘宝图片切换/仿淘宝图片切换/css/css.css
div#MainPromotionBanner{ width:360px; height:190px; background:#feb900; } #MainPromotionBanner #SlidePlayer { position:relative; margin: 0 auto; } #MainPromotionBanner .Slides{ padding: 0; margin: 0; list-style: none; height: 190px; overflow: hidden; } #MainPromotionBanner .Slides li { float: left; width: 360px; height: 190px; } #MainPromotionBanner .Slides img{ border:0; display: block; width: 360px; height: 190px; } #MainPromotionBanner .SlideTriggers{ margin: 0; padding: 0; list-style: none; position: absolute; top: 165px; right: 0px; z-index: 10; height: 25px; } #MainPromotionBanner .SlideTriggers li{ float: left; display: inline; color: #74a8ed; text-align: center; line-height:16px; width: 16px; height: 16px; font-family: Arial; font-size: .9em; cursor: pointer; overflow: hidden; margin:3px 6px; background: url(../images/slide_trigger.gif) no-repeat center center; } #MainPromotionBanner .SlideTriggers li.Current{ color:#fff; background: url(../images/slide_trigger_c.gif) no-repeat center center; border:0; font-weight:bold; font-size: 1.4em; line-height: 21px; height: 21px; width: 21px; margin:0 6px; }