js调用:jQuery(".slideTxtBox").slide({effect:"leftLoop"});
css代码:
-
- .infoList li{ height:24px; line-height:24px; }
- .infoList li .date{ float:right; color:#999; }
-
-
- .slideTxtBox{ width:450px; border:1px solid #ddd; text-align:left; }
- .slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd; position:relative; }
- .slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px; }
- .slideTxtBox .hd ul li{ float:left; padding:0 15px; }
- .slideTxtBox .hd ul li.on{ height:30px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; cursor:pointer; }
- .slideTxtBox .bd{ padding:15px; }
- .slideTxtBox .bd ul{ padding:10px; }
- .slideTxtBox .tempWrap{ margin:15px; }