35張圖片,隨機顯示16張,四行四列

  <SCRIPT   LANGUAGE="JavaScript">  
  <!--
  /////by Kuloo  
  var   n=35   /////圖片總數
  var   m=16   /////顯示圖片數
 
  document.write("<table align=center  width=600  border=0 cellspacing=0 cellpadding=0>");
  document.write("<tr>");
 
  var   ar   =   new   Array();  
  function   compare(arg1,arg2){  
  return   arg1[1]-arg2[1];  
  }  
   
  for   (var   i=0;i<n;i++){  
  ar[i]   =   [i+1,Math.random()];  
  }  
  ar.sort(compare);  
  for   (var   i=0;i<m;i++){
  if (i%4==0) document.write("</tr><tr>"); ////////每行4張圖片  
  document.write("<td height=146 valign=middle align=center><a target=_blank href=../images/logo/" + ar[i][0] + ".jpg>" + "<img border=0 src=../images/logo/" + ar[i][0] + ".jpg></td>");  
  }  
 
  document.write("</tr>");
  document.write("</table>");
  //-->  
  </SCRIPT> 

顯示效果如圖:

http://p.blog.csdn.net/images/p_blog_csdn_net/kuloo1216/Logos_by_Kuloo.jpg

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章