今天把jQuery实现轮播的代码整理了出来,下面贴出代码!
script代码:
<script>
//1.初始化,让图片显示
$(document).ready(function(e) {
$(".img_left>li:first-child").css("display","block");
//当鼠标悬停在上
$(".right_text>li").mouseover(function(e) {
//删除li当前有的样式
$(".right_text>li").removeClass("currentStyle");
//添加样式
$(this).addClass("currentStyle");
//
var s = $(this).index();
$(".img_left>li").css("display","none");
$(".img_left>li").eq(s).css("display","block");
});
});
</script>
css代码: