www.gusucode.com > 左右带箭头的js幻灯片图片轮显代码源码程序 > 左右带箭头的js幻灯片图片轮显代码/summer8dreams/summer8dreams/style.css
body { font: 11px Arial, Helvetica, sans-serif; background: #ffffff url(images/main-bg.gif); padding: 0; margin: 0; } img { border: none; } /* dock - top Download by http://www.srcfans.com*/ .dock { position: relative; height: 50px; text-align: center; } .dock-container { position: absolute; height: 50px; background: url(images/dock-bg2.gif); padding-left: 20px; } a.dock-item { display: block; width: 40px; color: #000; position: absolute; top: 0px; text-align: center; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; } .dock-item img { border: none; margin: 5px 10px 0px; width: 100%; } .dock-item span { display: none; padding-left: 20px; } /* dock2 - bottom */ #dock2 { width: 100%; bottom: 0px; position: absolute; left: 0px; } .dock-container2 { position: absolute; height: 50px; background: url(images/dock-bg.gif); padding-left: 20px; } a.dock-item2 { display: block; font: bold 12px Arial, Helvetica, sans-serif; width: 40px; color: #000; bottom: 0px; position: absolute; text-align: center; text-decoration: none; } .dock-item2 span { display: none; padding-left: 20px; } .dock-item2 img { border: none; margin: 5px 10px 0px; width: 100%; }