通过改变每个图片的opacity属性：
素材图片：
代码一：
最简单的轮播广告

代码二：
首先第一步，下载好一个jquery库的插件，jquery.js 网上很多随处可以下载．下载的插件要放在目录下．然后在html文档中链接好
第二步，布局好一个div,如：
上一张 下一张 　//上面的ｌｉ要设定为显示，因为是第一张图片．

由于方便各位网友下载能够清晰明了，我就没有用图片路径了，因为到你们电脑上就看不到了，这里用背景颜色．
第三步，就到了写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是鼠标经过的效果．
第四步，就是ｊｑｕｅｒｙ代码了！也很简单．先将代码看一遍，你就会用了！

四步轻松搞定一个简单的轮！