首页 > 代码库 > 自写: 点击或划过圆点 轮播效果
自写: 点击或划过圆点 轮播效果
$(function(){
var g_index = 0;
function slide_index(){
g_index = g_index + 1;
if(g_index>2){
g_index = 0;
}
$(".group-"+g_index).show().siblings(".right-group").hide();
$("#rad-"+g_index).css("background-color","red").siblings(".rad-5").css("background-color","#fff");
}
setInterval(slide_index,2000);
var r_index;
$(".rad-5").click(function(){
var id_val = $(this).attr("id");
id_arr = id_val.split(‘-‘);
//document.title = id_arr[1];
$(this).css("background-color","red").siblings(".rad-5").css("background-color","#fff");
$(".group-"+id_arr[1]).show().siblings(".right-group").hide();
});
$(".rad-5").hover(function(){
var id_val = $(this).attr("id");
id_arr = id_val.split(‘-‘);
//document.title = id_arr[1];
$(this).css("background-color","red").siblings(".rad-5").css("background-color","#fff");
$(".group-"+id_arr[1]).show().siblings(".right-group").hide();
});
});
自写: 点击或划过圆点 轮播效果