2005年09月6日 12:55
多水滴的語法進階
我們現在，就是先把水滴的東西都集合起來，用一組一組來存取
先打開你原本的多水滴語法找到
<body onload = javascript:showmero('一開始載入的水滴key');>
換成
<body onload = javascript:showmero('一開始載入的第幾組水滴');>
記得，組號要從"0"開始
再來，找到
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="120" id="AutoNumber1" height="42" background="背景圖片">
把那個 background="背景圖片" 給拿掉就好了
再找到第一個<tr>......</tr>這個裡面的就是你切換水滴的東西(加上背景圖片就加成這個<tr>裡，改成 <tr style="BACKGROUND: url('背景圖片');">)
把裡面的東西都給清掉加入以下的東西(下面的是三組水滴式的)
<td>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="120" id="AutoNumber2" height="27">
<tr>
<td width="33%" align="center" height="27">
<a href=javascript:showmero('第幾組水滴');><img id=ma0 onmousedown=javascript:imga('第幾組水滴') alt=Mona border=0></a>
</td>
<td width="33%" align="center" height="27">
<a href=javascript:showmero('第幾組水滴');><img id=ma1 onmousedown=javascript:imga('第幾組水滴') alt=Luci border=0></a>
</td>
<td width="34%" align="center" height="27">
<a href=javascript:showmero('第幾組水滴');><img id=ma2 onmousedown=javascript:imga('第幾組水滴') alt=Meta border=0></a>
</td>
</tr>
</table>
</td>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="120" id="AutoNumber2" height="27">
<tr>
<td width="33%" align="center" height="27">
<a href=javascript:showmero('第幾組水滴');><img id=ma0 onmousedown=javascript:imga('第幾組水滴') alt=Mona border=0></a>
</td>
<td width="33%" align="center" height="27">
<a href=javascript:showmero('第幾組水滴');><img id=ma1 onmousedown=javascript:imga('第幾組水滴') alt=Luci border=0></a>
</td>
<td width="34%" align="center" height="27">
<a href=javascript:showmero('第幾組水滴');><img id=ma2 onmousedown=javascript:imga('第幾組水滴') alt=Meta border=0></a>
</td>
</tr>
</table>
</td>
組號要從"0"開始(如有三組就是0、1、2)
那個ma0、ma1、ma2是你圖片的組名
如有四組就在<tr>裡多一組(每個<td>裡的寬要改，有幾組td就把100/td數)
<td width="寬" align="center" height="27">
<a href=javascript:showmero('第幾組水滴');><img id=ma2 onmousedown=javascript:imga('第幾組水滴') alt=Meta border=0></a>
</td>
<a href=javascript:showmero('第幾組水滴');><img id=ma2 onmousedown=javascript:imga('第幾組水滴') alt=Meta border=0></a>
</td>
找到<script language="javascript" type="text/javascript">.......</script>
把裡面清掉換成下面的程式碼(那個加在下面的字，可以用html語法)
那個ma0、ma1、ma2就是你在上面設定的圖片組名
var txta=new Array()
txta[0]=["第0組水滴key","加在下面的字","沒按下去的圖","目前是哪一隻水滴的圖"]
txta[1]=["第1組水滴key","加在下面的字","沒按下去的圖","目前是哪一隻水滴的圖"]
txta[2]=["第2組水滴key","加在下面的字","沒按下去的圖","目前是哪一隻水滴的圖"]
function showmero(key){
ma0.src= txta[0][2];//把所有圖都換成沒有點選的圖
ma1.src= txta[1][2];
ma2.src= txta[2][2];
imga(key)//指定是哪組改為有點選的圖
var ima
ima = "<a href=http://meropar.jp/ target=_blank><img src=http://meropar.jp/img/logo_blog_1.gif border=0 style=border: none; onmouseover=this.src='http://meropar.jp/img/logo_blog_2.gif' onmouseout=this.src='http://meropar.jp/img/logo_blog_1.gif' width=140 height=23></a>"//上面的水滴的banner
ima += "<br><embed src='http://cache.meropar.jp/swf/blog/main.swf' FlashVars='key=" + txta[key][0] + "' quality='high' bgcolor='#ffffff' width='140' height='257'><br>";//叫出水滴的flash
ima += txta[key][1]//加在下面的字
document.getElementById('ais').innerHTML = ima;
}
function imga(key){
if(key==0){ma0.src= txta[key][3];}
if(key==1){ma1.src= txta[key][3];}
if(key==2){ma2.src= txta[key][3];}
}
txta[0]=["第0組水滴key","加在下面的字","沒按下去的圖","目前是哪一隻水滴的圖"]
txta[1]=["第1組水滴key","加在下面的字","沒按下去的圖","目前是哪一隻水滴的圖"]
txta[2]=["第2組水滴key","加在下面的字","沒按下去的圖","目前是哪一隻水滴的圖"]
function showmero(key){
ma0.src= txta[0][2];//把所有圖都換成沒有點選的圖
ma1.src= txta[1][2];
ma2.src= txta[2][2];
imga(key)//指定是哪組改為有點選的圖
var ima
ima = "<a href=http://meropar.jp/ target=_blank><img src=http://meropar.jp/img/logo_blog_1.gif border=0 style=border: none; onmouseover=this.src='http://meropar.jp/img/logo_blog_2.gif' onmouseout=this.src='http://meropar.jp/img/logo_blog_1.gif' width=140 height=23></a>"//上面的水滴的banner
ima += "<br><embed src='http://cache.meropar.jp/swf/blog/main.swf' FlashVars='key=" + txta[key][0] + "' quality='high' bgcolor='#ffffff' width='140' height='257'><br>";//叫出水滴的flash
ima += txta[key][1]//加在下面的字
document.getElementById('ais').innerHTML = ima;
}
function imga(key){
if(key==0){ma0.src= txta[key][3];}
if(key==1){ma1.src= txta[key][3];}
if(key==2){ma2.src= txta[key][3];}
}
照著上面就可以改成了
9/9補充：
例子：按這
btw，有發現蟲蟲，在那個<tr>中少了一個<td>，我補上
引用URL
http://cgi.blog.roodo.com/trackback/454338
回應文章
你寫好了喔
給你拍拍手喔^^
好難懂@@"
給你拍拍手喔^^
好難懂@@"
親愛的焦貓，你又被我tag了，一起來メロメロ吧XD
水滴30問在此喔
水滴30問在此喔
嗯，我寫好了
我已經把例子寫好了，等下就放上去，程式碼也發現了蟲蟲，少了一個td
我已經把例子寫好了，等下就放上去，程式碼也發現了蟲蟲，少了一個td
你好,不好意思問個笨問題,上面哪些語法要放在哪呢?
這個語法呀，只要是網頁都可以放
如樂多的blog中，可以放進自由欄位呀
如樂多的blog中，可以放進自由欄位呀
| 檢舉 |
Posted by 焦貓
at 2005年11月4日 19:44
唔...完全看不懂...
請問一下，什麼是「一開始載入的第幾組水滴」?
什麼是「第幾組水滴」呢?
因為之前本來是用簡易版的...
可是怪怪的...測試的時候沒問題
但是是放上yam的時候，就出問題了...
請問一下，什麼是「一開始載入的第幾組水滴」?
什麼是「第幾組水滴」呢?
因為之前本來是用簡易版的...
可是怪怪的...測試的時候沒問題
但是是放上yam的時候，就出問題了...
真的嗎?
我是都有測試過才放來的，不然我幫你弄一個好了
我是都有測試過才放來的，不然我幫你弄一個好了
| 檢舉 |
Posted by 焦貓
at 2005年12月4日 13:48
大大我請問一下
如果上面不想用圖片
直接用文字
那語法應該怎麼修改?
如果上面不想用圖片
直接用文字
那語法應該怎麼修改?
焦貓 非常謝謝你~^o^
我用你的方法測試成功咧
現在3隻mero可以換來換去滴
我用你的方法測試成功咧
現在3隻mero可以換來換去滴
焦貓 非常謝謝你~^o^
我用你的方法測試成功咧
現在3隻mero可以換來換去滴
我用你的方法測試成功咧
現在3隻mero可以換來換去滴
不會，有好東西大家分(不過要記得版權的重要= =)
| 檢舉 |
Posted by 焦貓
at 2006年08月12日 13:02