jQuery 拥有三种用于 CSS 操作的重要函数：
$(selector).css(name,value)
$(selector).css({properties})
$(selector).css(name)
函数 css(name,value) 为所有匹配元素的给定 CSS 属性设置值：
实例
$(selector).css(name,value)
$("p").css("background-color","red")
函数 css({properties}) 同时为所有匹配元素的一系列 CSS 属性设置值：
实例
$(selector).css({properties})
$("p").css({"background-color":"red","font-size":"200%"})
函数 css(name) 返回指定的 CSS 属性的值：
实例
$(selector).css(name)
$(this).css("background-color")
jQuery中没有获得全部css的功能。你可以直接使用js的这个功能，混用js和jquery代码不会出现冲突的情况。
js获取所有图片的下标，然后依次在写一个下标加一的方法，然后调用了这个方法，控制当前下标的图片显示，其他的隐藏，当然下标加一的时候要做判断，如果超出图片个数了，下标就等于0。
<style>#imgBox li{
position: absolute
top: 0
right: 0
list-style: none
}
</style>
<ul id="imgBox">
<li><img src="img/abc1.png" alt="" /></li>
<li><img src="img/abc2.png" alt="" /></li>
<li><img src="img/abc3.png" alt="" /></li>
<li><img src="img/abc4.png" alt="" /></li>
<li><img src="img/abc5.png" alt="" /></li>
</ul>
<script>
var imgN = 0
var imgBox = document.getElementById('imgBox')
var oLi = imgBox.getElementsByTagName('li')
function showImg(){
for(var i=0 i<oLi.lengthi++){
oLi[i].style.display = 'none'
oLi[imgN].style.display = 'block'
}
imgN++
if(imgN>=oLi.length){
imgN = 0
}
}
window.setInterval(showImg,2000)
</script>
图片自己找个换掉吧，应该是这样能看懂吧。
