html实现图片轮播切换箭头,最简单jquery实现带左右箭头和数字焦点的图片轮播...

直接上代码(请自行引入jquery)：

轮播

body{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#666666;margin:0px;padding:0px;background:#fff;}

p,from,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}

ul,ol,li{margin:0px;padding:0px;list-style:none;}

img{border:none;}

a{color:#333333;text-decoration:none;}

a:hover{color:#666666;text-decoration:none;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.clearfix{display:inline-table}

.main {

position: relative;

width: 500px; height: 350px;

}

.myslide {

float: left; position: absolute; overflow: hidden;

width: 500px; height: 350px;

}

.myslidetwo {

position: absolute;

overflow: hidden;

width: 2000px;

}

.myslidetwo li {

p