js图片幻灯 焦点图 te

《js图片幻灯 焦点图 te》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、JS图片幻灯焦点图te

2、t/css">body{background:#0000;}ul{padding:0;margin:0;}li{list-style:none;}img{border:0;}.play{width:400px;height:430px;margin:50pxauto0;background:#999;font:12pxArial;}.big_pic{width:400px;height:320px;overflow:hidden;border-bottom:1pxsolid#ccc;background:#222;position:relative;}

3、.big_picli{width:400px;height:320px;overflow:hidden;position:absolute;top:0;left:0;z-index:0;background:url(http://www.ccap168.cn/d/demo/flashjs/loading.gif)no-repeatcentercenter;}.mark_left{width:200px;height:320px;position:absolute;left:0;top:0;background:red;filter:alpha(opac

4、ity:0);opacity:0;z-index:3000;}.mark_right{width:200px;height:320px;position:absolute;left:200px;top:0;background:green;filter:alpha(opacity:0);opacity:0;z-index:3000;}.big_pic.prev{width:60px;height:60px;background:url(http://www.ccap168.cn/d/demo/flashjs/btn.gif)no-repeat;posi

5、tion:absolute;top:130px;left:10px;z-index:3001;display:none;cursor:pointer;}.big_pic.next{width:60px;height:60px;background:url(http://www.ccap168.cn/d/demo/flashjs/btn.gif)no-repeat0-60px;position:absolute;top:130px;right:10px;z-index:3001;display:none;cursor:pointer;}.big_pic.

6、text{position:absolute;left:10px;top:302px;z-index:3000;color:#ccc;}.big_pic.length{position:absolute;right:10px;bottom:4px;z-index:3000;color:#ccc;}.big_pic.bg{width:400px;height:25px;background:#000;filter:alpha(opacity=60);opacity:0.6;position:absolute;z-index:2999;bottom:0;l

7、eft:0;}.small_pic{width:380px;height:94px;position:relative;top:7px;left:10px;overflow:hidden;}.small_picul{height:94px;position:absolute;top:0;left:0;}.small_picli{width:120px;height:94px;float:left;padding-right:10px;background:url(http://www.ccap168.cn/d/demo/flashjs/loading.

8、gif)no-repeatcentercenter;cursor:pointer;filter