[分享](v3.0)經驗值＆ＨＰ條棒

[Chienlin]

http://www.et99.org/viewtopic.php?t=17519

參考魂大這篇

改成V3.0可用 順手調美觀囉^^"

開啟檔案
wog\wog.js

尋找 (共兩處)

代碼: 選擇全部

 
<td   rowspan="8" >'+p_group+'


覆蓋為 (共兩處)

代碼: 選擇全部

:
<td   rowspan="9" >'+p_group+'


尋找 (共兩處)

代碼: 選擇全部

var p_mdff=get_f(p_mdf,7500);


後面,加上 (共兩處)

代碼: 選擇全部

   //EXP&HPbar_Start
   var p_expf=(p_exp/p_nextexp)*100;
   if(p_expf > 1){if(p_expf < 99){p_expf=Math.round(p_expf);}else{p_expf=Math.floor(p_expf);}}else{p_expf=Math.ceil(p_expf);}
   var p_nextexpf=99-p_expf;
   var p_hpf=(p_hp/p_hpmax)*100;
   if(p_hpf > 1){if(p_hpf < 99){p_hpf=Math.round(p_hpf);}else{p_hpf=Math.floor(p_hpf);}}else{p_hpf=Math.ceil(p_hpf);}
   var p_hpmaxf=99-p_hpf;   var exp_img1="";
   var exp_img2="";
   var hp_img1="";
   var hp_img2="";
   if(p_expf >= 1)   {exp_img1='<img src="'+img+'bar/bxg.gif" width="'+p_expf+'%" height="9" title="'+p_expf+'%">';}
   if(p_nextexpf >= 1)   {exp_img2='<img src="'+img+'bar/bhg.gif" width="'+p_nextexpf+'%" height="9" title="'+p_expf+'%">';}
   if(p_hpf >= 1)   {hp_img1='<img src="'+img+'bar/bxg.gif" width="'+p_hpf+'%" height="9" title="'+p_hpf+'%">';}
   if(p_hpmaxf >= 1)   {hp_img2='<img src="'+img+'bar/bhg.gif" width="'+p_hpmaxf+'%" height="9" title="'+p_hpf+'%">';}
   //EXP&HPbar_End


尋找 (共兩處)

代碼: 選擇全部

 
f.write('<tr><td >英雄檔案</td><td colspan="4" ><a href="'+d_p_url+'" target="_blank">'+d_p_homename+'</a></td></tr>')



覆蓋為 (共兩處)

代碼: 選擇全部

f.write('<tr><td width=20%>英雄檔案</td><td colspan="4" width=80% ><a href="'+d_p_url+'" target="_blank">'+d_p_homename+'</a></td></tr>')


尋找 (共兩處)

代碼: 選擇全部

 
   f.write('<tr><td  >等級</td><td ><b>'+p_lv+'</b></td><td  >經驗值</td><td ><b>'+p_exp+'/'+p_nextexp+'</b></td></tr>')
   f.write('<tr><td  >金錢</td><td ><b>'+p_money+'</b></td><td  >HP</td><td ><b>'+p_hp+'/'+p_hpmax+'</b></td></tr>')



覆蓋為 (共兩處)

代碼: 選擇全部

   f.write('<tr><td width=10%  >等級</td><td width=30% ><b>'+p_lv+'</b></td><td width=10%  >金錢</td><td width=30% ><b>'+p_money+'</b></td></tr>')
   f.write('<tr><td width=10% rowspan="2">HP</td><td width=30% ><b>'+p_hp+'/'+p_hpmax+'</b></td><td width=10% rowspan="2">經驗值</td><td width=30%><b>'+p_exp+'/'+p_nextexp+'</b></td></tr>')
   f.write('<tr><td width=30% ><p align=left>'+hp_img1+hp_img2+'</p></td><td width=30% ><p align=left>'+exp_img1+exp_img2+'</p></td></tr>');



儲存，關閉所有檔案，完畢。

以上僅供參考囉^^"[point="涅魂"]<u>積分 +2</u>

分享修改

at 2007-07-07 07:45 pm[/point]

[涅魂]

謝謝分享囉，不過…這個小功能其實不用作任何修改就能直接套用在V3上的說XD

另外，條棒也可以換個寫法，能夠減少邏輯判斷的次數

代碼: 選擇全部

   //HP&EXP bar start
   var p_expf=Math.round((p_exp/p_nextexp)*1000)/10;
   var p_nextexpf=100-p_expf;
   var p_hpf=Math.round((p_hp/p_hpmax)*1000)/10;
   var p_hpmaxf=100-p_hpf;
   var exp_bar="";
   var hp_bar=""; 
   if(p_expf > 1)
      exp_bar+='<img src="'+img+'bar/bxg.gif" width="'+p_expf+'" height="9" title="'+p_expf+'%">';
   if(p_nextexpf > 1)
      exp_bar+='<img src="'+img+'bar/bhg.gif" width="'+p_nextexpf+'" height="9" title="'+p_expf+'%">';   
   if(p_hpf > 1)
      hp_bar+='<img src="'+img+'bar/bxg.gif" width="'+p_hpf+'" height="9" title="'+p_hpf+'%">';
   if(p_hpmaxf > 1)
      hp_bar+='<img src="'+img+'bar/bhg.gif" width="'+p_hpmaxf+'" height="9" title="'+p_hpf+'%">';
   //HP&EXP bar end

雖然不嚴謹，但應該已經夠用了才是

[呀成]

使用涅魂大大提供的修改之後
顯示不到..空白畫面(黑)

[涅魂]

嗯…看內容應該可以知道內容有稍微修改些，所以其他部分也要改

簡單來說，這個部分

代碼: 選擇全部

   f.write('<tr><td width=10%  >等級</td><td width=30% ><b>'+p_lv+'</b></td><td width=10%  >金錢</td><td width=30% ><b>'+p_money+'</b></td></tr>')
   f.write('<tr><td width=10% rowspan="2">HP</td><td width=30% ><b>'+p_hp+'/'+p_hpmax+'</b></td><td width=10% rowspan="2">經驗值</td><td width=30%><b>'+p_exp+'/'+p_nextexp+'</b></td></tr>')
   f.write('<tr><td width=30% ><p align=left>'+hp_img1+hp_img2+'</p></td><td width=30% ><p align=left>'+exp_img1+exp_img2+'</p></td></tr>');

要改成這個

代碼: 選擇全部

   f.write('<tr><td width=10%  >等級</td><td width=30% ><b>'+p_lv+'</b></td><td width=10%  >金錢</td><td width=30% ><b>'+p_money+'</b></td></tr>')
   f.write('<tr><td width=10% rowspan="2">HP</td><td width=30% ><b>'+p_hp+'/'+p_hpmax+'</b></td><td width=10% rowspan="2">經驗值</td><td width=30%><b>'+p_exp+'/'+p_nextexp+'</b></td></tr>')
   f.write('<tr><td width=30% ><p align=left>'+hp_bar+'</p></td><td width=30% ><p align=left>'+exp_bar+'</p></td></tr>');

[呀成]

棒棒長度有點短...

[涅魂]

嗯~因為我的寫法將圖片的長度換用絕對長度了

要弄成跟以前一樣的百分比的話只要在width的值後方加上%就可以囉^^