导航

萌即是正义!时不时分享一些ACG活动记录与有趣代码的小站!

侧边栏
最新评论
广树管理员
2025-05-07 21:00
@ZeroCounter:哈哈哈,被发现啦
ZeroCounter
2025-05-07 14:06
原来博主是可爱的二次元女孩子(→游船上那张全景
广树管理员
2025-05-06 14:31
@ZeroCounter:这样啊,逐渐听不懂现在的网络热梗了😅
ZeroCounter
2025-05-06 13:41
@广树:一个梗啦,表示很无语( 因为国内的阅读理解题经常写表达了作者的思乡之情(
广树管理员
2025-05-06 11:13
@ModerRAS:云台拍摄全景需要固定不动,时间也长,有一定场景限制。
攻略中
星空列车与白的旅行
暂无评分
Steam星空列车与白的旅行
2025年2月22日 22时 ~ 攻略中
已累计游玩2个月15天
乘坐的列车,划破夜空,飞驰在星空之下,令人心旷神怡——这可真是场超值之旅。舒爽夜风吹拂下的随心独旅中,我邂逅了随性的乘客,可人怜爱的乘务员。以及……猫耳少女?这场旅行,究竟会在她身上,留下了些什么呢?
PSN奖杯卡

PSN奖杯卡

归档
赞助商广告

【jQuery】随机不重复显示多个div

作者:广树时间:2016-04-05 14:07:44分类:JavaScript

JS:

<script>
	$('#change_item_list .hot_susume_item_box').hide();//先全部隐藏
	
	//产生不重复随机排序数组
	function randomIndex(n){
    var i, j, tmp, a = new Array(n);
    a[0] = 0;
    for(i = n-1; i > 0; i--) {
        j = Math.floor(Math.random() * (i+1));
        tmp = a[i] || i;
        a[i] = a[j] || j;
        a[j] = tmp;
    };
    return a;
    }
	
	//一共有多少个项目
    var hot_item_nums = $('#change_item_list .hot_susume_item_box').length;
    hot_item_arr = randomIndex(hot_item_nums);
	radowm_Show()
	
	//对应显示
	function radowm_Show(){
	   var new_hot_item_arr=hot_item_arr.slice(0, 5)
       var hot_max_nums = Math.max.apply(null, new_hot_item_arr);//最大值
       var arrvalue;//用于存放取出的数组的值
        for(var i=0;i<5;i++){
        arrvalue=new_hot_item_arr[i];//数组的索引是从0开始的.
	     $('#change_item_list .hot_susume_item_box').eq(arrvalue).show();
	     if(i==4){
		 $('#change_item_list .hot_susume_item_box').eq(hot_max_nums).addClass('hot_item_last_one')
		 
	     }
         
       }
	}
	/*点击事件*/
	$('#hot_change').click(function(){
		$('#change_item_list .hot_susume_item_box.hot_item_last_one').removeClass('hot_item_last_one')
		$('#change_item_list .hot_susume_item_box').hide();
		var hot_item_nums = $('#change_item_list .hot_susume_item_box').length;
        hot_item_arr = randomIndex(hot_item_nums);
	    radowm_Show()
	});
</script>


donate.png

1210 x 50(蓝底).png

cloudcone