JS:

  1. <script>
  2. $('#change_item_list .hot_susume_item_box').hide();//先全部隐藏
  3. //产生不重复随机排序数组
  4. function randomIndex(n){
  5. var i, j, tmp, a = new Array(n);
  6. a[0] = 0;
  7. for(i = n-1; i > 0; i--) {
  8. j = Math.floor(Math.random() * (i+1));
  9. tmp = a[i] || i;
  10. a[i] = a[j] || j;
  11. a[j] = tmp;
  12. };
  13. return a;
  14. }
  15. //一共有多少个项目
  16. var hot_item_nums = $('#change_item_list .hot_susume_item_box').length;
  17. hot_item_arr = randomIndex(hot_item_nums);
  18. radowm_Show()
  19. //对应显示
  20. function radowm_Show(){
  21. var new_hot_item_arr=hot_item_arr.slice(0, 5)
  22. var hot_max_nums = Math.max.apply(null, new_hot_item_arr);//最大值
  23. var arrvalue;//用于存放取出的数组的值
  24. for(var i=0;i<5;i++){
  25. arrvalue=new_hot_item_arr[i];//数组的索引是从0开始的.
  26. $('#change_item_list .hot_susume_item_box').eq(arrvalue).show();
  27. if(i==4){
  28. $('#change_item_list .hot_susume_item_box').eq(hot_max_nums).addClass('hot_item_last_one')
  29. }
  30. }
  31. }
  32. /*点击事件*/
  33. $('#hot_change').click(function(){
  34. $('#change_item_list .hot_susume_item_box.hot_item_last_one').removeClass('hot_item_last_one')
  35. $('#change_item_list .hot_susume_item_box').hide();
  36. var hot_item_nums = $('#change_item_list .hot_susume_item_box').length;
  37. hot_item_arr = randomIndex(hot_item_nums);
  38. radowm_Show()
  39. });
  40. </script>
  1.  


1
2
6
8
12