无缝轮播 + 小图标+文字介绍
html-----》 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> *{ padding:0px; margin:0px; border:0px; } li{ list-style-type:none; } a{ text-decoration:none; } #wrapper{ margin:0px auto; border:0px; padding:0px; } #show-area{ width:800px; height:450px; position:relative; margin:0px auto; overflow:hidden; } #show-area ul{ position:relative; width:5600px; height:450px; right:0; } #show-area ul li{ float:left; width:800px; } #controler{ width:130px; text-align:center; position:absolute; top:425px; left:370px; z-index:1; } #controler div{ height:15px;