简单轮播图代码下载

1、首先第一步，下载好一个jquery库的插件，jquery.js 网上很多随处可以下载．下载的插件要放在目录下．然后在html文档中链接好<script type="text/javascript" src="jQuery.js"></script>

3、第三步，就到了写CSS的时候了．下面的CSS懂基础的人都看得懂．#scroll{width:100%; height:180px; background-color:white; position:relative;border-bottom:1px solid gray;}//这里是给整个大的ＤＩＶ设定属性．#scroll ul{height:180px; list-style:none;}//ＤＩＶ下的ＵＬ属性．#scroll ul li{width:100%; height:180px;margin:0px; padding:0px; display:none;}//ＤＩＶ下的ＵＬ下的ＬＩ属性．注意：display:none;因为要将所有的ｌｉ隐藏了先．当点击的时候在显示出来．.subl{position:absolute; bottom:20px; left:40%; width:80px;height:20px; line-height:20px; text-align:center;font-size:16px;font-weight:bold; cursor:pointer;}//上一张按钮的属性．注意一个绝对定位．.subr{position:absolute;bottom:20px; right:40%;width:80px;height:20px; line-height:20px; text-align:center;font-size:16px;font-weight:bold;cursor:pointer;}//下一张按钮的属性．注意一个绝对定位．.subr:hover{ background:yellow;border-radius:10px;}.subl:hover{ background:yellow;border-radius:10px;}//以上两个hover是鼠标经过的效果．仔细看

5、整合下，然后收藏好，慢慢看！一次看不懂没关系 ，二次，三次，就会看得懂了这是最简单的了！