首页 > 其他 > 详细

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

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

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

});

});

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!