作者chippclass (善假狼賺錢中)
看板Web_Design
標題Re: [問題] 請問這種隨機圖樣應該怎麼寫
時間Wed Jun 8 20:10:38 2005
看版狼....
◣▁▁ ◢ ◢ ◣ . * ▃ ▃
▁▁◢ ◤ 狼出沒 ◣ . ˊ . ▎ ▅▂ ▂▅
◢ ◢◤ ◣ ◢ 注意！ . ▊
◥▁▃▂▁ ◣ ◥◆↗telnet://desert.twbbs.org─史克威爾版(squares)↙◆
◥ ▇▇▇ ◣◆↗http://home.pchome.com.tw/net/chippclass↙◆
▇▆▅▂ ∮ chippclass ▅▂▁
《連結已失效，僅剩下面程式碼可參考》
冷掉了．．．．．．．．．．最近在美工版呆太久了
上面是我的首頁，請點
這樣是你要的嗎？
----
※ 引述《crazyvoice (ＫＡＭＩＮＡＲＩ)》之銘言：
: 前提：本身對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即可）
: 請前輩幫幫忙，感謝^^
至於圖片下面的文字
只是給你看說我是用什麼原理寫的而已
那個就算不執行也不會有影響
至於圖片的傳入
我不知道是ＰＣＨＯＭＥ的關係還是怎樣
跑出來有點慢，有關連線速度問題我很弱滴
--------------[程式碼打包分格線]---------------
<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) ＩＥ可執行，其他瀏覽器不保證
(2) 程式碼中的綠字可全部清除，就不會有訊息出現
(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)
1F：→ chippclass:修正了3次是嗎... 看來是老了 220.141.156.20 06/08
2F：推 crazyvoice:先推一個感謝，我會試試看的~~^^ 220.229.83.233 06/08
※ 編輯: chippclass 來自: 218.162.95.94 (07/03 16:15)