JS+CSS<a href="/tag/zidong/" target="_blank" class="keywords">自动</a>改变切换方向的<a href="/tag/tupian/" target="_blank" class="keywords">图片</a>幻灯切换<a href="/tag/xiaoguo/" target="_blank" class="keywords">效果</a>
@H_
502_9@
body,div,ul,li{margin:0;padding:0;}
ul{list-style-type:none;}
body{background:#000;text-align:center;font:12px/20px Arial;}
#
Box{position:relative;width:322px;height:172px;background:#fff;border-radius:5px;border:8px solid #fff;margin:10px auto;}
#
Box .list{position:relative;width:320px;height:240px;overflow:hidden;border:1px solid #ccc;}
#
Box .list li{position:absolute;top:0;left:0;width:320px;height:240px;opacity:0;filter:alpha(opacity=0);}
#
Box .list li.current{opacity:1;filter:alpha(opacity=100);}
#
Box .count{position:absolute;right:0;bottom:5px;}
#
Box .count li{color:#fff;float:left;width:20px;height:20px;cursor:pointer;margin-right:5px;overflow:hidden;background:#F90;opacity:0.7;filter:alpha(opacity=70);border-radius:20px;}
#
Box .count li.current{color:#fff;opacity:1;filter:alpha(opacity=100);font-weight:700;background:#f60;}
#tmp{width:100px;height:100px;background:red;position:absolute;}
