.myImagesSlideBox{ width:270px; height:334px; margin-bottom:15px; } .myImages{ text-align:center; position:relative; overflow:hidden; height:270px; width:270px; border:1px solid #cdcdcd; cursor:pointer; background:#fff url(loading.gif) center center no-repeat; } .myImages img{ width: 270px; height:270px; border:0; } .myImgs { display:none; } .myTxts{ padding:10px; padding-top:0;padding-bottom:0; text-align:center; overflow:hidden; height:20px; line-height:20px; width:270px; } .myTxts a{ text-decoration:none; text-align:center; color:#666; } .myTxts a:hover{ color:#f60; } /* wrapper element */ #scrollable { padding:10px 1px; width:270px; height:44px; } div.items { height:44px; float:left; width:244px !important; visibility: visible; overflow: hidden; position: relative; top:0; } /* item */ div.items a { _display:inline; display:inline-block; float:left; margin-left:6px; width:40px; height:40px; background:#ccc; text-decoration:none; text-align:center; cursor:pointer; border:1px solid #cdcdcd; overflow:hidden; } div.items a:hover { border:1px solid #FF3F3F; } div.items a.active { border:1px solid #FF3F3F; } .scrollableDiv{ position: absolute; width: 200000em; height:44px; left: 0px; top:1px; } /* next / prev buttons */ a.prev, a.next { background:url(go_down.jpg) no-repeat 0 0; display:block; width:12px; height:44px; float:left; cursor:pointer; } a.next { background-image:url(go_up.jpg) } /*遮罩层*/ #BigDiv{ filter:alpha(opacity=30); /* IE */ -moz-opacity:0.3; /* Moz + FF */ opacity: 0.3; /* 支持CSS3的浏览器(FF 1.5也支持)*/ background: #777; position: absolute; top: 0; left: 0; z-index: 10000; display:none; } #MyDiv{ background:#FFF; display:none; position:absolute; text-align:center; width:270px; height:390px; z-index:10001; } .closeMyDiv{ position:absolute; right:4px; top:2px; z-index:10002; } .closeMyDiv a{ text-decoration:none; cursor:pointer; color:#000; } .closeMyDiv a:hover{ color:#F60 } .scrollableDiv img{ width:40px; height:40px; }