1、jsp核心代码如下：
<div >
<div '></div>
2、css样式核心代码如下：
.banner {position:relative;float:left;margin-left:10px; width:450px; height:300px; overflow:hidden;}
.banner_list img{width:450px; height:300px;border:0}
.banner_bg {position:absolute; bottom:0;background-color:#000;height:28px;filter: Alpha(Opacity=50);opacity:0.5;z-index:1;cursor:pointer; width:400px; }
.banner_info{position:absolute; bottom:0; left:5px;height:22px;color:#fff;z-index:2;font-size:14px;cursor:pointer}
.banner_text {position:absolute;width:120px;z-index:3; right:3px; bottom:3px;}
.banner_ul {position:absolute;list-style-type:none;z-index:4;margin:0; padding:0; bottom:3px; right:3px;}
.banner_ul li { width:20px;line-height:20px;text-align:center;float:left;display:block;color:#ff6666;border:#e7f2fd 1px solid;background:#FFF;cursor:pointer}
.banner_ul .banner_on { background:#ff6666;color:#FFF}
.banner_list a{position:absolute;}
3、js核心代码如下：
<script type="text/javascript">
var Speed = 1; //速度(毫秒)
var Space = 12; //每次移动(px)
var PageWidth =220; //翻页宽度
var fill = 0; //整体移位
var MoveLock = false;
var MoveTimeObj;
var Comp = 0;
var AutoPlayObj = null;
$(document).ready(function(){
$("#bann").picture(5000);//5秒钟切换图片
});
jQuery.fn.extend({
picture:function(t){
return this.each(function(){
var '></script>