jQuery点击滑块条选择购买日期月份代码

来源:https://www.sucaihuo.com/js/2199.html 2017-06-19 18:16浏览(333) 收藏

jQuery点击滑块条选择购买日期月份代码,IDC公司空间服务器购买时长选择效果。
jQuery点击滑块条选择购买日期月份代码
分类:日期时间 > 日期控件 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script>
		var arOB = [];
		var ULobj = $('#slider-index>li');
		for(var i=0;i<ULobj.length;i++){
			arOB.push(ULobj[i]);
		}

		function changeCS(ints){
			for(var i=0;i<arOB.length;i++){
				if( i <= ints ){
					arOB[i].style.backgroundColor="#FCF8E3";
				}else{
					arOB[i].style.backgroundColor="#F2F2F2";
				}
				
			}
		}

		$(function(){
			$("#slider-index>li").each(function(){
				$(this).click(function(){
					$(this).children(".indexP").show();
					$(this).siblings().children(".indexP").hide();
					var number=$(this).index();
					var $j=$("#slider-index>li").length;
					changeCS(number);
					// var li=new Array([$j]);
					// for(k=0;k<$i.length;k++){
					// 	alert(li[k]);
					// }
				})
			})
		})
	</script>
标签: 日期月份
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2