头像

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

来源:http://www.sucaihuo.com/js/2199.html 素材火管理员 2017-06-19 18:16浏览(24) 收藏

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

程序员,你不是一个人;网站开发QQ群:35291327 在线充值,或联系QQ416148489直接充值

查看演示 下载资源: 1 下载资源 下载积分: 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>
标签: 日期月份
评论1
头像

友情提示:垃圾评论一律封号...

  • 头像 沙发
    23小时前 17:30
    xzszxiong
    这个挺好的,蛮实用
1 2