[分享]上方連結製成遊戲選單

WOG設定安裝教學

版主: 涅魂, 簫哥


涅魂
 
文章: 4463
註冊時間: 2004-01-04 11:17 am
來自: Taiwan
性別: 男生

[分享]上方連結製成遊戲選單

文章涅魂 » 2007-03-08 9:39 pm

這個是為了節省空間而弄的,順便分享給大家^^
範例圖片 寫:圖檔


開啟檔案wog/wog_top.htm 寫:尋找
代碼: 選擇全部
「<a href="wog_etc.php?f=sale&act=view&page=1" target="mission">拍賣區</a>」「<a href="wog_etc.php?f=king" target="wog_view">風雲榜</a>」「<a href="wog_etc.php?f=race&act=join" target="mission">賽鳥場</a>」「<a href="http://www.2233.idv.tw/" target="_blank">討論區</a>」「<a href="http://www.2233.idv.tw/" target="_blank">聊天室</a>」「<a href="wog_faq.htm" target="_blank">FAQ</a>」「<a href="wog_id_admin.htm" target="wog_view">帳號中心</a>」「<a href="http://www.2233.idv.tw/viewtopic.php?t=157" target="_blank">新手指南</a>」

覆蓋成
代碼: 選擇全部
<select name="pagelist" style="background:black;color:white" onchange="if(document.f1.pagelist.value != '')parent.wog_view.document.location.href=document.f1.pagelist.value">
<option value="" SELECTED>- 遊戲選單 -</option>
<option value="wog_etc.php?f=sale&act=view&page=1">拍賣區</option>
<option value="wog_etc.php?f=king">風雲榜</option>
<option value="wog_etc.php?f=race&act=join">賽鳥場</option>
<option value="wog_faq.htm">FAQ</option>
<option value="wog_id_admin.htm">帳號中心</option>
</select>
「<a href="http://www.2233.idv.tw/" target="_blank">討論區</a>」「<a href="http://www.2233.idv.tw/" target="_blank">聊天室</a>」「<a href="http://www.2233.idv.tw/viewtopic.php?t=157" target="_blank">新手指南</a>」

完畢,有問題的話歡迎指教^^


最後由 涅魂 於 2007-05-01 10:21 pm 編輯,總共編輯了 1 次。


涅魂
 
文章: 4463
註冊時間: 2004-01-04 11:17 am
來自: Taiwan
性別: 男生

文章涅魂 » 2007-03-18 2:40 pm

呵呵,感謝distears的抬舉囉,不過除了吸管跟這個版的版主之外的人不能使用評分呢,所以只要送個GP就好了XD

另外再分享一個自製的選單,個人對這個功能頗滿意的說,基本上應該是找不到bug了,所以就跟大家分享囉XD

範例圖片
圖檔

特色如下
代碼: 選擇全部
1.連結使用分成兩個變數儲存,page_name儲存名稱,page_src儲存連結
  兩個變數的陣列索引值必須相對應,page_name[0]對應page_src[0]
2.採用可顯示html的浮動選單而非select選單來顯示,所以可以加上特有的變化(少部分功能因為浮動視窗的限制而無法使用)
3.滑鼠按著選單中的[▲][▼]按鈕不放可以讓內容逐漸滑動


※若顯示浮動選單的左方尚有其他儲存格(<td> <Th>之類的)可能會出現顯示位置錯誤的問題,所以盡量讓浮動選單顯示的連結在最左方的儲存格中

安裝方法如下

開啟檔案wog/wog_top.htm 寫:尋找
代碼: 選擇全部
<STYLE type="text/css">
body,tr,td,th { font-size: 9pt; font-family: verdana }
</STYLE>

下方,加上
代碼: 選擇全部
<script language="Javascript">
var menu_list_num=4;
var page_name=new Array("拍賣區","風雲榜","賽鳥場","FAQ","帳號中心","好友名單");
var page_src= new Array("wog_etc.php?f=sale&act=view&page=1","wog_etc.php?f=king","wog_etc.php?f=race&act=join","wog_faq.htm","wog_id_admin.htm","wog_etc.php?f=friend&act=list");
var menu=window.createPopup();
var menuleft=0,menutop=0,set_status=false,menutimer="";
var menuwidth=98,menuheight=22*menu_list_num;
var mbody=menu.document.body;
mbody.style.border="1px solid white";
mbody.style.background="black";
mbody.style.color="white";
var menu_step=0;
function menu_view(tagname)
{
   if(set_status==false)
   {
      var tag=parent.top_view.document.getElementById(tagname);
      menuleft=tag.offsetLeft;
      menutop=tag.offsetTop+tag.offsetHeight;
   }
   menu_step=0;
   var str="<table border=1 bordercolor=black width=100% style="font-family:verdana;font-size:9pt" onselect="return false">";
   str+='<tr><td style="cursor:pointer" onmouseover="this.style.border=\'1pt solid white\'" onmouseout="this.style.border=\'0pt\'" width=80><span onclick="parent.page(\''+page_src[0]+'\')" style="width:100%">'+page_name[0]+'</span></td><td width=20 align="center" valign="top" onmousedown="parent.menu_vtkmousedown(-1)" onmouseup="parent.menu_vtkmouseup()" onmouseout="parent.menu_vtkmouseup()" style="cursor:pointer">▲</td></tr>';
   for(var li=1;li < menu_list_num-1;li++)
   {
      str+='<tr><td style="cursor:pointer" onmouseover="this.style.border=\'1pt solid white\'" onmouseout="this.style.border=\'0pt\'"><span onclick="parent.page(\''+page_src[li]+'\')" style="width:100%">'+page_name[li]+'</span></td><td> </td></tr>';
   }
   str+='<tr><td style="cursor:pointer" onmouseover="this.style.border=\'1pt solid white\'" onmouseout="this.style.border=\'0pt\'"><span onclick="parent.page(\''+page_src[li]+'\')" style="width:100%">'+page_name[li]+'</span></td><td align="center" valign="bottom" onmousedown="parent.menu_vtkmousedown(1)" onmouseup="parent.menu_vtkmouseup()" onmouseout="parent.menu_vtkmouseup()" style="cursor:pointer">▼</td></tr></table>';
   mbody.innerHTML=str;
   if(!menu.isOpen)menu.show(menuleft,menutop,menuwidth,menuheight,document.body);
}
function menu_vtkmove(step)
{
   var menu_len=page_name.length;
   var new_step=menu_step+step;
   if(new_step <0 || new_step+menu_list_num > menu_len)return false;
   menu_step=new_step;
   for(var li=0;li < menu_list_num;li++)
   {
      var i=mbody.getElementsByTagName('td')[(li*2)];
      i.innerHTML='<span onclick="parent.page(\''+page_src[menu_step+li]+'\')" style="width:100%">'+page_name[(menu_step+li)]+'</span>';
   }
   
}
function menu_vtkmousedown(step)
{
   menu_vtkmove(step);
   menutimer=setTimeout("menu_vtkmousedown("+step+")",200);
}
function menu_vtkmouseup()
{
   clearTimeout(menutimer);
}

function page(page_src)
{
   menu.hide();
   parent.wog_view.document.location.href=page_src;
}
</script>

尋找
代碼: 選擇全部
「<a href="wog_etc.php?f=sale&act=view&page=1" target="mission">拍賣區</a>」「<a href="wog_etc.php?f=king" target="wog_view">風雲榜</a>」「<a href="wog_etc.php?f=race&act=join" target="mission">賽鳥場</a>」「<a href="http://www.2233.idv.tw/" target="_blank">討論區</a>」「<a href="http://www.2233.idv.tw/" target="_blank">聊天室</a>」「<a href="wog_faq.htm" target="_blank">FAQ</a>」「<a href="wog_id_admin.htm" target="wog_view">帳號中心</a>」「<a href="http://www.2233.idv.tw/viewtopic.php?t=157" target="_blank">新手指南</a>」

覆蓋成
代碼: 選擇全部
<span onclick="menu_view('menu')" name="menu" id="menu" style="cursor:pointer;border:1pt solid white">遊戲選單   ▼</span>
「<a href="http://www.2233.idv.tw/" target="_blank">討論區</a>」「<a href="http://www.2233.idv.tw/" target="_blank">聊天室</a>」「<a href="http://www.2233.idv.tw/viewtopic.php?t=157" target="_blank">新手指南</a>」

以上,有問題請指教 :wink:


圖檔


回到 精華區

誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 3 位訪客