码迷,mamicode.com
首页 > 其他好文 > 详细

自写: 点击或划过圆点 轮播效果

时间:2017-06-09 15:18:48      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:color   ide   attr   function   click   var   int   hover   title   

$(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();

});

});

自写: 点击或划过圆点 轮播效果

标签:color   ide   attr   function   click   var   int   hover   title   

原文地址:http://www.cnblogs.com/bulang/p/6971841.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!