Re: [問題] 請問這種隨機圖樣應該怎麼寫

看板Web_Design作者 (善假狼賺錢中)時間19年前 (2005/06/08 19:49), 編輯推噓1(101)
留言2則, 2人參與, 最新討論串1/1
看版狼.... ◣▁▁ ◢ . * ▁▁ 狼出沒 . ˊ . ▅▂ ▂▅ ◢◤ 注意! . ▃▂▁ ◆↗telnet://desert.twbbs.org─史克威爾版(squares)↙◆ ▇▇◆↗http://home.pchome.com.tw/net/chippclass↙◆ ▆▅▂ ∮ chippclass ▅▂▁ 《連結已失效,僅剩下面程式碼可參考》 冷掉了..........最近在美工版呆太久了 上面是我的首頁,請點 這樣是你要的嗎? ---- ※ 引述《crazyvoice (KAMINARI)》之銘言: : 前提:本身對JS不是很熟悉,在參考本板前面討論串之後 : 已經寫得出隨機跳出「一個」圖檔並具備超連結功能,code如下 : <script language="JavaScript"> : pic=new Array(3); : pic[0]='<a href="" target="_blank"> : <img src="image01.jpg" border="0" ></img> : </a>'; : pic[1]='<a href="" target="_blank"> : <img src="image02.jpg" border="0" ></img> : </a>'; : pic[2]='<a href="" target="_blank"> : <img src="image03.jpg" border="0" ></img> : </a>'; : index = Math.floor(Math.random() * pic.length); : document.write(pic[index]); : </script> : 假設一個「橫五直一」的table 是在main.htm這個檔案中 : main.htm所在的文件夾中,有一個叫做images的文件夾 : 裡面有20個大小一樣的圖檔,檔名分別是pic01.jpg、pic02.jpg.....pic20.jpg : 現在想要在該table 中 : 使五個儲存格每次重新整理都能跑出五個不同的圖檔 : 請注意是完全不同的,沒有重複 : (否則每個td塞一組code即可) : 請前輩幫幫忙,感謝^^ 至於圖片下面的文字 只是給你看說我是用什麼原理寫的而已 那個就算不執行也不會有影響 至於圖片的傳入 我不知道是PCHOME的關係還是怎樣 跑出來有點慢,有關連線速度問題我很弱滴 --------------[程式碼打包分格線]--------------- <html> <head> <title>這是你要的嗎?</title> <script language='javascript'> function make() { var ss="<br><br>" var flag=0 var ix var ay=new Array() for(var k=0;k<5;k++) { ix=Math.floor(Math.random()*20)+1 ss+="第 "+k+" 個選出來號碼是 "+ix+"<br>" for(var j=0;j<k;j++) { if(ay[j]==ix) { ss+="   此號碼和第 "+j+" 個選出來的號碼重複<br>" flag=1 ss+="   重選標籤開啟(flag=1)<br>" } } if(flag==0) { ay[k]=ix } else { flag=0 k-- ss+="   將 k 值-1以便重新進行選號<br> /*和 上 面 接 成 一 行 */   重選標籤關閉(flag=0)~否則會陷入無限迴圈唷<br>" } } message.innerHTML=ss ss="<table border=1><tr>" for(var i=0;i<5;i++) { ss+="<td><img src='images/pic"+path(ay[i])+".jpg'></td>" } ss+="</tr></table>" cell.innerHTML=ss } function path(ix) { if(ix<10) { ix="0"+ix } return ix } </script> </head> <body bgcolor='#ffcc00'> 這是你要的嗎?<input type='button' value='請點這裡' onclick='make()'> <span id='cell'></span> <span id='message'></span> </body> </html> - (1) IE可執行,其他瀏覽器不保證 (2) 程式碼中的綠字可全部清除,就不會有訊息出現 (3) 綠字如果不清除,請務必把黃字清除並往上接一行,因為那裡的引號被切開了   而黃字和後面的綠字中間隔了3個全形空白,那個別刪掉,版面控制用 其他...等我想到再補充 這篇文章裡只有魚,沒有魚竿.... -- 第一次亮相的簽名檔 ◣▁▁ ◢ . * ▁▁ 狼出沒 . ˊ . ▅▂ ▂▅ ◢◤ 注意! . ▃▂▁ ◆↗telnet://desert.twbbs.org─史克威爾版(squares)↙◆ ▇▇◆↗http://home.pchome.com.tw/net/chippclass↙◆ ▆▅▂ ∮ chippclass ▅▂▁ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 220.141.156.20 ※ 編輯: chippclass 來自: 220.141.156.20 (06/08 20:17) ※ 編輯: chippclass 來自: 220.141.156.20 (06/08 20:18) ※ 編輯: chippclass 來自: 220.141.156.20 (06/08 21:14)

220.141.156.20 06/08, , 1F
修正了3次是嗎... 看來是老了
220.141.156.20 06/08, 1F

220.229.83.233 06/08, , 2F
先推一個感謝,我會試試看的~~^^
220.229.83.233 06/08, 2F
※ 編輯: chippclass 來自: 218.162.95.94 (07/03 16:15)
文章代碼(AID): #12fjjWDc (Web_Design)
文章代碼(AID): #12fjjWDc (Web_Design)