自写： 点击或划过圆点 轮播效果
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了自写： 点击或划过圆点 轮播效果相关的知识，希望对你有一定的参考价值。
$(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();
});
});
以上是关于自写： 点击或划过圆点 轮播效果的主要内容，如果未能解决你的问题，请参考以下文章