html全屏banner轮播代码,基于jquery实现全屏banner自动轮播切换

特效描述：基于jquery实现 全屏banner 自动轮播切换。基于jquery实现全屏banner自动轮播切换

代码结构

1. 引入JS

2. HTML代码

*{margin:0;padding:0;list-style-type:none;}

a,img{border:0;}

body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}

/* banner */

.banner{height:400px;overflow:hidden;}

.banner .d1{width:100%;height:392px;display:block;position:absolute;left:0px;top:0px;}

.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:360px;}

.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}

.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}

.banner .d2 li.nuw{background:url(images/img1_1.png) no-repeat center;}