台灣最大程式設計社群網站
線上人數
1504
 
會員總數:246319
討論主題:189850
歡迎您免費加入會員
討論區列表 >> Java >> 急 : Pull Down Menu 的 Stylesheet (Java)
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
急 : Pull Down Menu 的 Stylesheet (Java)
價值 : 200 QP  點閱數:2164 回應數:7
樓主

Alan Yuan
門外漢
0 13
763 31
發送站內信

急 : Pull Down Menu 的 Stylesheet (Java)

我想使用 INCLUDE 插入一個 JAVA 的下拉選單, <!-- #include file ="Menu.html" -->, 可是置頂插入後, 原本內文的文字, 表單長闊高等全部走了位, 因此我再將它放在</head>之後, 這個做法令內文格式回復正常, 但當開啟IE運作, MENU 會不停收合閃動, 於 CHROME 則尚算正常, 不過我本身其中一個function "SetInitialFocus()" 又不能使用. 因此我想將 MENU 內的CSS設定為僅作用於這個MENU, 而不影響內文運作, 也同時可於二個browser使用.請問該如何做 ?

因為我每個網站都有百個ASP檔案要加入這個MENU, 因此必須要用INCLUDE而且不可影響原內文的版位, 請各位緊急指教, 謝謝 !


Menu.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<meta http-equiv="Content-Language" content="zh-hk">
<title>JavaScript Dropdown Menu Demo</title>
<link rel="stylesheet" href="Menu.css" type="text/css" />
<script type="text/javascript" src="Menu.js"></script>
</head>
<body>
<ul class="menu" id="menu">
<li><a href="#" class="menulink"><font size="2">庫存</font></a><font size="2">
</font>
<ul>
<li><a href="Main.asp"><font size="2">貨品管理1</font></a></li>
<li><a href="Inventory.asp"><font size="2">庫存總覽</font></a></li>
<li><a href="ProductAdd1.asp"><font size="2">新增貨品</font></a></li>
<li><a href="#"><font size="2">分類管理</font></a><font size="2"> </font>
<ul>
<li class="topline"><a href="ProductModC1.asp">
<font size="2">分類修改</font></a></li>
<li><a href="ProductAddC1.asp"><font size="2">新增分類</font></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#" class="menulink"><font size="2">Staffs</font></a></li>
<li><a href="Logout.asp" class="menulink"><font size="2">Logout</font></a></li>
</ul>
<script type="text/javascript">
var menu=new menu.dd("menu");
menu.init("menu","menuhover");
</script>
</body>
</html>



Menu.css

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url("images/Menu_header.gif"); width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url("images/Menu_headerover.gif")}
ul.menu .sub {background:#d1d1d1 url("images/Menu_arrow.gif") 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}


Menu.js

var menu=function(){
var t=15,z=50,s=6,a;
function dd(n){this.n=n; this.h=[]; this.c=[]}
dd.prototype.init=function(p,c){
a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i=0;
for(i;i<l;i++){
var h=s[i].parentNode; this.h[i]=h; this.c[i]=s[i];
h.onmouseover=new Function(this.n+'.st('+i+',true)');
h.onmouseout=new Function(this.n+'.st('+i+')');
}
}
dd.prototype.st=function(x,f){
var c=this.c[x], h=this.h[x], p=h.getElementsByTagName('a')[0];
clearInterval(c.t); c.style.overflow='hidden';
if(f){
p.className+=' '+a;
if(!c.mh){c.style.display='block'; c.style.height=''; c.mh=c.offsetHeight; c.style.height=0}
if(c.mh==c.offsetHeight){c.style.overflow='visible'}
else{c.style.zIndex=z; z++; c.t=setInterval(function(){sl(c,1)},t)}
}else{p.className=p.className.replace(a,''); c.t=setInterval(function(){sl(c,-1)},t)}
}
function sl(c,f){
var h=c.offsetHeight;
if((h<=0&&f!=1)||(h>=c.mh&&f==1)){
if(f==1){c.style.filter=''; c.style.opacity=1; c.style.overflow='visible'}
clearInterval(c.t); return
}
var d=(f==1)?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;
c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')';
c.style.height=h+(d*f)+'px'
}
return{dd:dd}
}();

謝謝 !

搜尋相關Tags的文章: [ Pull Down Menu ] , [ CSS ] ,
本篇文章發表於2013-04-04 18:47
1樓
作者回應

Alan Yuan
檢舉此回應
要插入 JAVA MENU 的 ASP 原文 :

<!-- #include file ="DB.fun" -->

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<meta http-equiv="Content-Language" content="zh-hk">
<meta http-equiv="refresh" content="900">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Aquaeria</title>
<meta name="Microsoft Border" content="none">


<SCRIPT LANGUAGE="JavaScript"><!--
function SetInitialFocus()
{
if ("object" == typeof(Check) && "object" == typeof(Check.ProductIDB))
{
Check.ProductIDB.focus();
}
}
window.onload = SetInitialFocus;
//--></SCRIPT>
</head>

<!-- #include file ="Menu.html" -->

<body background="Images/Logo1.jpg" topmargin="0" >
<div align="center">
<table border="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#800000" id="table1" bgcolor="#FFFFFF" height="45" width="750">
<tr>
<form method="POST" action="BEntry.asp?UR=1">
<td bgcolor="#F59DAE" height="45">
<span lang="en-us">
<font color="#FFFF00" face="Times New Roman" size="2">
&nbsp;</font><font color="#FFFFFF" size="2" face="Times New Roman">Mobile</font></span><font color="#FFFFFF" face="Times New Roman"><font size="2"><span lang="zh-tw">:</span></font><span lang="zh-tw"><font size="2">
</font> </span>
</font>
<font color="#FFFF00" face="Times New Roman">
<span lang="en-us"><font size="2">&nbsp;</font></span><font size="2"> </font>
</font><font face="Calibri" color="#FFFF00">
<input type="text" name="MemberID" size="15" value="<%=MemberID%>"></font><font size="2" face="Times New Roman" color="#FFFF00">
</font><font face="Calibri" color="#FFFF00"><font face="Times New Roman">
<input type="hidden" name="KValue" size="15" value="<%=KValue%>">
</font>
</font><font face="Times New Roman" size="2">
&nbsp;<b><font color="#FFFFFF">
</font> <a href="MemberAdd.asp"><font color="#FFFFFF">New</font></a></b></font></td>
</Form>

<td width="200" bgcolor="#F59DAE" height="45">
<font color="#FFFF00">
<p align="center">
<font face="Times New Roman" size="2">
<span lang="en-us">&nbsp;</span></font></font><font face="Times New Roman"><span lang="en-us"><font color="#FFFFFF" size="2">Staff
</font> </span><span lang="zh-tw">
<font color="#FFFFFF" size="2">
:</font><font color="#FFFF00" size="2"> </font> </span>
</font>
<font color="#FFFFFF" face="Calibri">

<select size="1" name="SID" onchange="followLink(this.options[this.selectedIndex].value);">
<option><%=SID2%></option>
<option>---------</option>
<option value="Ko">Ko</option>
<option value="Toshi">Toshi</option>
<option value="Ayumi">Ayumi</option>
<option>---------</option>
<option value="Jason">Jason</option>
<option value="Run">Run</option>
<option value="Will">Will</option>
<option value="Angie">Angie</option>
<option>---------</option>
<option value="KyokoS">KyokoS</option>
<option value="Junko">Junko</option>
<option value="Sonia">Sonia</option>
<option>---------</option>
<option value="Chika">Chika</option>
<option value="Mai">Mai</option>
<option>---------</option>

<SCRIPT LANGUAGE="JavaScript"><!--
function followLink(MonthName)
{
window.location.href = "BEntryStaff.asp?UR=1&SID=" + MonthName ;
}
//--></SCRIPT>
</select></font><font size="2" face="Times New Roman" color="#FFFFFF"> </font>
</td>

<form NAME="Check" method="POST" action="BEntryAdd.asp?KRate=<%=KRate%>" ONLOAD="SetInitialFocus(this);">
<td width="292" bgcolor="#F59DAE" height="45">
<font face="Times New Roman">
<font color="#FFFFFF"><font size="2">Item<span lang="zh-tw"> :</span></font><span lang="en-us"><font size="2">
</font>
</span>
</font>
<font color="#FFFF00" size="2">
<span lang="zh-tw">&nbsp;</span></font></font><font color="#FFFFFF" face="Calibri"><select size="1" name="PID1" onchange="followLink1(this.options[this.selectedIndex].value);">
<option>-</option>
<option value="0">Carte Blanche</option>
<option value="1">- Eyelash</option>
<option value="2">- Hair</option>
<option value="0">Carte Blanche x Aquaeria</option>
<option value="3">- Mani</option>
<option value="4">- Pedi</option>
<option value="5">- Nail</option>
<option value="0">Package</option>
<option value="6">- Time Package</option>
<option value="7">- Value Package</option>
<option value="8">- Free Service</option>
<option value="9">- Voucher</option>
<option value="10">- Tips</option>
</select></font><font face="Times New Roman" size="2">

<SCRIPT LANGUAGE="JavaScript"><!--
function followLink1(MonthName1)
{
window.location.href = 'BSearch2.asp?KRate=<%=KRate%>&'+ 'Ur=1&Company=' + MonthName1 ;
}
//--></SCRIPT>

</font>

<font face="Times New Roman" size="2" color="#FFFF00">
&nbsp;</font><font size="2"></font></font></td>
 </td>
</tr>
</form>
</table>
<p>
</center>
</div>


<center>

<input type="Hidden" name="MySelf" value="Yes">
<table border="1" bgcolor="#FFFFFF" style="border-collapse: collapse" bordercolor="#800000" cellpadding="0" cellspacing="0" height="95" width="750">
<font color="#0000FF">
<tr bgcolor="#00FFFF">
<td align="center" width="21" bgcolor="#F59DAE" height="20" bordercolor="#800000"></td>
<td align="Center" width="90" bgcolor="#F59DAE" height="20" bordercolor="#800000">
 </td>
<td align="Center" width="300" bgcolor="#F59DAE" height="20" bordercolor="#800000">
<font color="#0000FF">
<span lang="en-us"><font size="2" color="#FFFFFF" face="Times New Roman">Name</font></span></td>
<td align="Center" bgcolor="#F59DAE" height="20" bordercolor="#800000">
<font color="#0000FF">
<span lang="en-us"><font size="2" color="#FFFFFF" face="Times New Roman">Qty</font></span></td>
<td align="Center" width="88" bgcolor="#F59DAE" height="20" bordercolor="#800000">
<font color="#0000FF">
<span lang="en-us"><font size="2" color="#FFFFFF" face="Times New Roman">Price</font></span></td>
<td align="Center" bgcolor="#F59DAE" height="20" bordercolor="#800000">
<font color="#0000FF">
<span lang="en-us"><font size="2" color="#FFFFFF">
<a href="BEntryDis1.asp?Mobile=<%=MemberID%>&UR=1">
<font color="#FFFFFF" face="Times New Roman">Discount</font></a></font></span></td>
<td align="Center" bgcolor="#F59DAE" height="20" width="101" bordercolor="#800000">
<font face="Times New Roman">
<font color="#0000FF">
<span lang="en-us"><font size="2" color="#FFFFFF">Amount</font></span></font><font size="2"></font></font></font></font></td>
</tr>

<tr>
<td></td>
<td> </td>
<td></td>
<td></td>
<td></td>
</tr>

<center>
<tr>
<td align="Center" colspan="4" bgcolor="#F2EDD5" height="18" >
 </td>
<td nowrap align="right" colspan="2" bgcolor="#F2EDD5" height="18" >
<font size="2" color="#00605E" face="Times New Roman"><span lang="en-us">Total Amount</span><span lang="zh-tw">
=&nbsp;</span><span lang="en-us">&nbsp;
</span></font></td>
<td align="Center" bgcolor="#F2EDD5" height="18">
<font face="Times New Roman" size="2" color="#00605E">$ <%=BSum%></font></td>
</tr>
</center>
<center>
<tr>
<td align="Center" colspan="4" bgcolor="#F2EDD5">
<p align="right">
<font color="#0000FF">
<span lang="en-us">
<font size="2" face="Times New Roman" color="#00605E">Payment</font></span><font face="Times New Roman" color="#00605E" size="2"><span lang="zh-tw">
</span><span lang="en-us">1</span><span lang="zh-tw">:</span></font></font><font color="#00605E"><span lang="zh-tw"><font size="2" face="Times New Roman">
&nbsp;</font></span></font><font color="#0000FF"><font face="Times New Roman" color="#00605E"><select size="1" name="PayM1">
<option selected><%=PayM1%></option>
<option>--</option>
<option value="CASH">Cash</option>
<option value="VISA">Visa</option>
<option value="MASTER">Master</option>
<option value="AE">AE</option>
<option value="JCB">JCB</option>
<option value="EPS">EPS</option>
</select></font><font color="#00605E" size="2" face="Times New Roman"><span lang="en-us">&nbsp; </span></font>
<font face="Times New Roman" color="#00605E" size="1">
<input type="text" name="Paid1" value="<%=Paid1%>" size="10"></font><font color="#00605E" face="Times New Roman" size="2"><span lang="en-us">&nbsp;&nbsp;
</span></font>

</font>
</td>
<td nowrap align="right" colspan="2" bgcolor="#F2EDD5">
<font color="#00605E" face="Times New Roman">
<p align="right"><span lang="en-us"><font size="2">
Discount</font></span><font size="2"><span lang="zh-tw">
</span></font></font>
<font color="#00605E" size="2" face="Times New Roman"><span lang="en-us">
%</span><span lang="zh-tw">:
</span></font>
<font color="#0000FF">
<font face="Times New Roman" color="#00605E" size="1">
<input type="text" name="BDiscount" value="<%=B20%>" size="3"></font><font color="#00605E" size="2" face="Times New Roman"><span lang="en-us">=&nbsp;&nbsp; </span></font></td>
<td align="Center" bgcolor="#F2EDD5">
<font face="Times New Roman" size="2" color="#00605E">$ <%=BNet%><span lang="en-us"> </span></font></td>
</tr>
<tr>
<td align="Center" colspan="4" bgcolor="#F2EDD5">
<font color="#00605E" face="Times New Roman">
<p align="right"><span lang="en-us"><font size="2">&nbsp;</font></span></font><font size="2"><font color="#0000FF"><font color="#00605E" face="Times New Roman"><span lang="en-us">&nbsp;</span></font><span lang="en-us"><font face="Times New Roman" color="#00605E">Payment</font></span></font><font color="#00605E" face="Times New Roman">
</font>
<font color="#0000FF">
<font face="Times New Roman" color="#00605E">
<span lang="en-us">2</span><span lang="zh-tw">:</span></font><span lang="zh-tw"><font face="Times New Roman" color="#00605E"> </font> </span>
</font></font><font color="#00605E"><span lang="zh-tw">
<font size="2" face="Times New Roman">&nbsp;</font></span></font><font face="Times New Roman" color="#00605E"><select size="1" name="PayM2">
<option selected><%=PayM2%></option>
<option>--</option>
<option value="CASH">Cash</option>
<option value="VISA">Visa</option>
<option value="MASTER">Master</option>
<option value="AE">AE</option>
<option value="JCB">JCB</option>
<option value="EPS">EPS</option>
</select></font><font color="#00605E" size="2" face="Times New Roman"><span lang="en-us">&nbsp; </span></font>
<font face="Times New Roman" color="#00605E" size="1">
<input type="text" name="Paid2" value="<%=Paid2%>" size="10"></font><font color="#00605E" face="Times New Roman" size="2"><span lang="en-us">&nbsp;&nbsp;
</span></font></td>
<td nowrap align="right" colspan="2" bgcolor="#F2EDD5">
<p align="right"><font size="2" color="#00605E" face="Times New Roman"><span lang="en-us">Less</span><span lang="zh-tw">
</span><span lang="en-us">$ :</span> </font>
<font color="#0000FF">
<font face="Times New Roman" color="#00605E" size="1"> <input type="text" name="BLess" value="<%=BLess%>" size="7"></font><font color="#00605E" size="2" face="Times New Roman">
<span lang="en-us">=&nbsp;&nbsp; </span></font></td>
<td align="Center" bgcolor="#F2EDD5">
<font face="Times New Roman" size="2" color="#00605E"><span lang="en-us">- </span>$ <%=BLess%><span lang="en-us"> </span></font></td>
</tr>
<tr>
<td align="Center" colspan="4" bgcolor="#F2EDD5">
<font color="#0000FF">
<p align="right">
<span lang="en-us">
<font face="Times New Roman" color="#00605E" size="2">Cash
deposit : </font>
</span><font face="Times New Roman" color="#00605E" size="1">
<input type="text" name="CValue" value="<%=CValue%>" size="10"></font></font><font color="#00605E" size="2" face="Times New Roman"><span lang="en-us">&nbsp;&nbsp;/
</span></font>
<font color="#0000FF">
<span lang="en-us">
<font face="Times New Roman" color="#00605E" size="2">Package
</font></span><font face="Times New Roman" color="#00605E"><span lang="zh-tw"><font size="2"> :</font></span><span lang="en-us"><font size="2">&nbsp; </font>
</span></font><font face="Times New Roman" color="#00605E" size="1">
<input type="text" name="KValue" value="<%=KValue%>" size="10"></font><font color="#00605E" face="Times New Roman" size="2"><span lang="en-us"> &nbsp;</font><font color="#00605E"></td>
<td nowrap align="right" colspan="2" bgcolor="#F2EDD5"><font color="#0000FF">
<font size="2" color="#00605E" face="Times New Roman"><span lang="en-us">Net Amount</span><span lang="zh-tw">
=&nbsp;&nbsp; </span> </font></td>
<td align="Center" bgcolor="#F2EDD5">
<font face="Times New Roman" size="2" color="#00605E">$ <%=BTotal%></font></td>
</tr>
<tr>
<td align="Center" colspan="4" bgcolor="#F2EDD5">
 </td>
<td nowrap align="right" colspan="2" bgcolor="#F2EDD5"> </td>
<td align="Center" bgcolor="#F2EDD5"> </td>
</tr>
<tr>
<td align="Right" colspan="7" height="24" >
<p align="center"><font face="Times New Roman" size="2"><font color="Red">
<input type="image" name="I3"
src="Images/Refresh.gif"><img border="0" src="Images/i.gif" width="80" height="4"><a href="BTemp.asp?UR=1"><img border="0" src="Images/BTemp.gif" width="108" height="31"></a></font>
<span lang="en-us"><b><font color="Red"><img border="0" src="Images/i.gif" width="80" height="4"></font></b></span><a href="BEntryClear2.asp?UR=1&BYear=<%=BYear%>"><img border="0" src="Images/CancelAll.gif" width="108" height="31"></a></font></td>
</tr>
</table>
</form>
</body>

</html>
本篇文章回覆於2013-04-04 18:50
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
回應

香帥
檢舉此回應
可參考以下方法
一樓的程式碼
刪除這一行 <!-- #include file ="Menu.html" -->
並在<body background="Images/Logo1.jpg" topmargin="0" >這一行後面插入以下三行
<div align="center">
<iframe name="main" width="600" height="100" src="Menu.html" frameborder="no"></iframe>
</div>
亦即用iframe方式,寬度及高度自己更改為適當的試看看


本篇文章回覆於2013-04-04 22:55
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
作者回應

Alan Yuan
檢舉此回應
謝謝回覆, 原文的確沒有走位, 但相信這個方法不行, 如下圖 :

本篇文章回覆於2013-04-05 01:14
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
作者回應

Alan Yuan
檢舉此回應
其實原先是用 Microsoft 的 Standard Pull-Down menu, 但近日客戶自動升級為IE10後便用不到. 在CHROME是由始至終的全隱形, 好彩現在可以在IE10用相容模式運作, 暫時解決問題. 以下是我舊Microsoft的 "Menutool.js".

var ToolBar_Supported = false;
var Frame_Supported = false;
var DoInstrumentation = false;
var doImage = doImage;
var TType = TType;
var SRV_NAME = SRV_NAME;

if (navigator.userAgent.indexOf("MSIE") != -1 &&
navigator.userAgent.indexOf("Windows") != -1 &&
navigator.appVersion.substring(0,1) > 3)
{
ToolBar_Supported = true;
}

if(doImage == null)
{
var a= new Array();
a[0] = prepTrackingString(window.location.hostname,7);
if (TType == null)
{
a[1] = prepTrackingString('PV',8);
}
else
{
a[1] = prepTrackingString(TType,8);
}
a[2] = prepTrackingString(window.location.pathname,0);
if( '' != window.document.referrer)
{
a[a.length] = prepTrackingString(window.document.referrer,5);
}

if (navigator.userAgent.indexOf("SunOS") == -1 && navigator.userAgent.indexOf("Linux") == -1)
{
buildIMG(a);
}
}


if (ToolBar_Supported)
{

var newLineChar = String.fromCharCode(10);
var char34 = String.fromCharCode(34);
var LastMSMenu = "";
var CurICPMenu = "";
var IsMSMenu = false;
var IsMenuDropDown = true;
var HTMLStr;
var x = 0;
var y = 0;
var x2 = 0;
var y2 = 0;
var MSMenuWidth;
var ToolbarMinWidth;
var ToolbarMenu;
var ToolbarBGColor;
var ToolbarLoaded = false;
var aDefMSColor = new Array(3);
var aDefICPColor = new Array(3);
var aCurMSColor = new Array(3);
var aCurICPColor = new Array(3);
var MSFont;
var ICPFont;
var MaxMenu = 30;
var TotalMenu = 0;
var arrMenuInfo = new Array(30);


// Output style sheet and toolbar ID
document.write("<SPAN ID='StartMenu' STYLE='display:none;'></SPAN>");

// Build toolbar template
HTMLStr =
"<DIV ID='idToolbar' STYLE='background-color:white;width:90%'>" +
"<DIV ID='idRow1' STYLE='position:relative;height:20;'>" +
"<DIV ID='idICPBanner' STYLE='position:absolute;top:0;left:0;height:60;width:400;overflow:hidden;vertical-align:top;'><!--BEG_ICP_BANNER--><!--END_ICP_BANNER--></DIV>" +
"<DIV ID='idMSMenuCurve' STYLE='position:absolute;top:0;left:250;height:20;width:18;overflow:hidden;vertical-align:top;'></DIV>" +
"<DIV ID='idMSMenuPane' STYLE='position:absolute;top:0;left:250;height:20;width:10;background-color:blue;float:right;' NOWRAP><!--MS_MENU_TITLES--></DIV>" +
"</DIV>" +
"</DIV>" +
"<SCRIPT TYPE='text/javascript'>" +
" var ToolbarMenu = StartMenu;" +
"</SCRIPT>" +
"<DIV WIDTH=100%>";

// Define event handlers
window.onresize = resizeToolbar;

// Intialize global variables
ToolbarBGColor = "white"; // toolbar background color
MSFont = "9pt Arial";
ICPFont = "xx-small Arial";

aDefMSColor[0] = aCurMSColor[0] = "black"; // bgcolor;
aDefMSColor[1] = aCurMSColor[1] = "white"; // text font color
aDefMSColor[2] = aCurMSColor[2] = "yellow"; // mouseover font color

aDefICPColor[0] = aCurICPColor[0] = "#808588"; // bgcolor;
aDefICPColor[1] = aCurICPColor[1] = "white"; // text font color
aDefICPColor[2] = aCurICPColor[2] = "yellow"; // mouseover font color
}

// The hard-coded numbers in functions - drawToolbar() & resizeToolbar()
// correspond to the dimension of the four gif files:
// ICP_BANNER: 60h x 250w
// ADS_BANNER: 40h x 200w
// MSC_BANNER: 40h x 112w
// Curve: 20h x 18w

function drawToolbar()
{
HTMLStr += "</DIV>";
document.write(HTMLStr);
ToolbarLoaded = true;

MSMenuWidth = Math.max(idMSMenuPane.offsetWidth, (200+112));
ToolbarMinWidth = (250+18) + MSMenuWidth;

idToolbar.style.backgroundColor = ToolbarBGColor;
idMSMenuPane.style.backgroundColor = aDefMSColor[0];
resizeToolbar();

for (i = 0; i < TotalMenu; i++)
{
thisMenu = document.all(arrMenuInfo[i].IDStr);
if (thisMenu != null)
{
if (arrMenuInfo[i].IDStr == LastMSMenu && arrMenuInfo[i].type == "R")
{
//Last MSMenu has to be absolute width
arrMenuInfo[i].type = "A";
arrMenuInfo[i].unit = 200;
}
if (arrMenuInfo[i].type == "A")
thisMenu.style.width = arrMenuInfo[i].unit;
else
thisMenu.style.width = Math.round(arrMenuInfo[i].width * arrMenuInfo[i].unit) + 'em';
}
}
}

function resizeToolbar()
{
if (ToolBar_Supported == false) return;

w = Math.max(ToolbarMinWidth, document.body.clientWidth) - ToolbarMinWidth;

idMSMenuCurve.style.left = (230+w);
idMSMenuPane.style.left = (180+w+18);
idMSMenuPane.style.width = MSMenuWidth;


}

function setToolbarBGColor(color)
{
ToolbarBGColor = color;
if (ToolbarLoaded == true)
idToolbar.style.backgroundColor = ToolbarBGColor;
}

function setMSMenuFont(sFont)
{ MSFont = sFont;
}

function setICPMenuFont(sFont)
{ ICPFont = sFont;
}

function setDefaultMSMenuColor(bgColor, fontColor, mouseoverColor)
{
if (bgColor != "") aDefMSColor[0] = bgColor;
if (fontColor != "") aDefMSColor[1] = fontColor;
if (mouseoverColor != "") aDefMSColor[2] = mouseoverColor;
}

function setDefaultICPMenuColor(bgColor, fontColor, mouseoverColor)
{
if (bgColor != "") aDefICPColor[0] = bgColor;
if (fontColor != "") aDefICPColor[1] = fontColor;
if (mouseoverColor != "") aDefICPColor[2] = mouseoverColor;
}

function setICPMenuColor(MenuIDStr, bgColor, fontColor, mouseoverColor)
{
if (ToolbarLoaded == false) return;

// Reset previous ICP Menu color if any
if (CurICPMenu != "")
{
PrevID = CurICPMenu.substring(4);
CurICPMenu = "";
setICPMenuColor(PrevID, aDefICPColor[0], aDefICPColor[1], aDefICPColor[2]);
}

var id = "AM_" + "ICP_" + MenuIDStr;
var thisMenu = document.all(id);
if (thisMenu != null)
{
CurICPMenu = "ICP_" + MenuIDStr;
aCurICPColor[0] = bgColor;
aCurICPColor[1] = fontColor;
aCurICPColor[2] = mouseoverColor;

// Change menu color
if (bgColor != "")
thisMenu.style.backgroundColor = bgColor;
if (fontColor != "")
thisMenu.style.color = fontColor;

// Change subMenu color
id = "ICP_" + MenuIDStr;
thisMenu = document.all(id);
if (thisMenu != null)
{
if (bgColor != "")
thisMenu.style.backgroundColor = bgColor;

if (fontColor != "")
{
i = 0;
id = "AS_" + "ICP_" + MenuIDStr;
thisMenu = document.all.item(id,i);
while (thisMenu != null)
{
thisMenu.style.color = fontColor;
i += 1;
thisMenu = document.all.item(id,i);
}
}
}
}
}

function setAds(Gif,Url,AltStr)
{ setBanner(Gif,Url,AltStr,"<!--BEG_ADS_BANNER-->","<!--END_ADS_BANNER-->");
}

function setICPBanner(Gif,Url,AltStr)
{ setBanner(Gif,Url,AltStr,"<!--BEG_ICP_BANNER-->","<!--END_ICP_BANNER-->");
}

function setMSBanner(Gif,Url,AltStr)
{
tempGif = "/library/toolbar/images/" + Gif;
if (SRV_NAME != null)
{
tempGif = location.protocol +"//" + SRV_NAME + tempGif;
Url = location.protocol + "//" + SRV_NAME + Url;
}
setBanner(tempGif,Url,AltStr,"<!--BEG_MSC_BANNER-->","<!--END_MSC_BANNER-->");
}

function setBanner(BanGif, BanUrl, BanAltStr, BanBegTag, BanEndTag)
{
begPos = HTMLStr.indexOf(BanBegTag);
endPos = HTMLStr.indexOf(BanEndTag) + BanEndTag.length;

SubStr = HTMLStr.substring(begPos, endPos);
SrcStr = "";
if (BanUrl != "")
SrcStr += "<A Target='_top' HREF='" + formatURL(BanUrl, BanGif) + "'>";
SrcStr += "<IMG SRC='" + BanGif + "' ALT='" + BanAltStr + "' BORDER=0>";
if (BanUrl != "")
SrcStr += "</A>";
SrcStr = BanBegTag + SrcStr + BanEndTag;
HTMLStr = HTMLStr.replace(SubStr, SrcStr);
}

function setICPSubMenuWidth(MenuIDStr, WidthType, WidthUnit)
{ tempID = "ICP_" + MenuIDStr;
setSubMenuWidth(tempID, WidthType, WidthUnit);
}

function setMSSubMenuWidth(MenuIDStr, WidthType, WidthUnit)
{ tempID = "MS_" + MenuIDStr;
setSubMenuWidth(tempID, WidthType, WidthUnit);
}

function setSubMenuWidth(MenuIDStr, WidthType, WidthUnit)
{
var fFound = false;
if (TotalMenu == MaxMenu)
{
alert("Unable to process menu. Maximum of " + MaxMenu + " reached.");
return;
}

for (i = 0; i < TotalMenu; i++)
if (arrMenuInfo[i].IDStr == MenuIDStr)
{
fFound = true;
break;
}

if (!fFound)
{
arrMenuInfo[i] = new menuInfo(MenuIDStr);
TotalMenu += 1;
}

if (!fFound && WidthType.toUpperCase().indexOf("DEFAULT") != -1)
{
arrMenuInfo[i].type = "A";
arrMenuInfo[i].unit = 160;
}
else
{
arrMenuInfo[i].type = (WidthType.toUpperCase().indexOf("ABSOLUTE") != -1)? "A" : "R";
arrMenuInfo[i].unit = WidthUnit;
}
}

// This function creates a menuInfo object instance.
function menuInfo(MenuIDStr)
{
this.IDStr = MenuIDStr;
this.type = "";
this.unit = 0;
this.width = 0;
this.count = 0;
}

function updateSubMenuWidth(MenuIDStr)
{
for (i = 0; i < TotalMenu; i++)
if (arrMenuInfo[i].IDStr == MenuIDStr)
{
if (arrMenuInfo[i].width < MenuIDStr.length)
arrMenuInfo[i].width = MenuIDStr.length;
arrMenuInfo[i].count = arrMenuInfo[i].count + 1;
break;
}
}

function addICPMenu(MenuIDStr, MenuDisplayStr, MenuHelpStr, MenuURLStr)
{
if (addICPMenu.arguments.length > 4)
TargetStr = addICPMenu.arguments[4];
else
TargetStr = "_top";
tempID = "ICP_" + MenuIDStr;
addMenu(tempID, MenuDisplayStr, MenuHelpStr, MenuURLStr, TargetStr, true);
}

function addMSMenu(MenuIDStr, MenuDisplayStr, MenuHelpStr, MenuURLStr)
{
TargetStr = "_top";
tempID = "MS_" + MenuIDStr;
addMenu(tempID, MenuDisplayStr, MenuHelpStr, MenuURLStr, TargetStr, false);
LastMSMenu = tempID;
}

function addMenu(MenuIDStr, MenuDisplayStr, MenuHelpStr, MenuURLStr, TargetStr, bICPMenu)
{
cFont = bICPMenu? ICPFont : MSFont;
cColor0 = bICPMenu? aDefICPColor[0] : aDefMSColor[0];
cColor1 = bICPMenu? aDefICPColor[1] : aDefMSColor[1];
cColor2 = bICPMenu? aDefICPColor[2] : aDefMSColor[2];
tagStr = bICPMenu? "<!--ICP_MENU_TITLES-->" : "<!--MS_MENU_TITLES-->";
if (SRV_NAME != null)
{
if (MenuURLStr != "")
{
if(MenuURLStr.indexOf("http") == -1)
{
MenuURLStr = location.protocol +"//" + SRV_NAME + MenuURLStr;
}
}
}
MenuStr = newLineChar;
if (bICPMenu == false && LastMSMenu != "")
MenuStr += "<SPAN STYLE='font:" + cFont + ";color:" + cColor1 + "'>|&nbsp;</SPAN>";
MenuStr += "<A TARGET='" + TargetStr + "' TITLE='" + MenuHelpStr + "'" +
" ID='AM_" + MenuIDStr + "'" +
" STYLE='text-decoration:none;cursor:hand;font:" + cFont + ";background-color:" + cColor0 + ";color:" + cColor1 + ";'";
if (MenuURLStr != "")
{
if (bICPMenu)
MenuStr += " HREF='" + formatURL(MenuURLStr, ("ICP_" + MenuDisplayStr)) + "'";
else
MenuStr += " HREF='" + formatURL(MenuURLStr, ("MS_" + MenuDisplayStr)) + "'";
}
else
MenuStr += " HREF='' onclick='window.event.returnValue=false;'";
MenuStr += " onmouseout=" + char34 + "mouseMenu('out' ,'" + MenuIDStr + "'); hideMenu();" + char34 +
" onmouseover=" + char34 + "mouseMenu('over','" + MenuIDStr + "'); doMenu('"+ MenuIDStr + "');" + char34 + ">" +
"&nbsp;" + MenuDisplayStr + "&nbsp;</a>";
if (bICPMenu)
MenuStr += "<SPAN STYLE='font:" + cFont + ";color:" + cColor1 + "'>&nbsp;|</SPAN>";
MenuStr += tagStr;

HTMLStr = HTMLStr.replace(tagStr, MenuStr);
setSubMenuWidth(MenuIDStr,"default",0);
}

function addICPSubMenu(MenuIDStr, SubMenuStr, SubMenuURLStr)
{
if (addICPSubMenu.arguments.length > 3)
TargetStr = addICPSubMenu.arguments[3];
else
TargetStr = "_top";
tempID = "ICP_" + MenuIDStr;
addSubMenu(tempID,SubMenuStr,SubMenuURLStr,TargetStr,true);
}

function addMSSubMenu(MenuIDStr, SubMenuStr, SubMenuURLStr)
{
TargetStr = "_top";
tempID = "MS_" + MenuIDStr;
addSubMenu(tempID,SubMenuStr,SubMenuURLStr,TargetStr,false);
}

function addSubMenu(MenuIDStr, SubMenuStr, SubMenuURLStr, TargetStr, bICPMenu)
{
cFont = bICPMenu? ICPFont : MSFont;
cColor0 = bICPMenu? aDefICPColor[0] : aDefMSColor[0];
cColor1 = bICPMenu? aDefICPColor[1] : aDefMSColor[1];
cColor2 = bICPMenu? aDefICPColor[2] : aDefMSColor[2];

var MenuPos = MenuIDStr.toUpperCase().indexOf("MENU");
if (MenuPos == -1) { MenuPos = MenuIDStr.length; }
InstrumentStr = MenuIDStr.substring(0 , MenuPos) + "|" + SubMenuStr;;
if (SRV_NAME != null)
{
if (SubMenuURLStr != "")
{
if (SubMenuURLStr.indexOf("http") == -1)
{
SubMenuURLStr = location.protocol +"//" + SRV_NAME + SubMenuURLStr;
}
}
}

URLStr = formatURL(SubMenuURLStr, InstrumentStr);

var LookUpTag = "<!--" + MenuIDStr + "-->";
var sPos = HTMLStr.indexOf(LookUpTag);
if (sPos <= 0)
{
HTMLStr += newLineChar + newLineChar +
"<SPAN ID='" + MenuIDStr + "'" +
" STYLE='display:none;position:absolute;width:160;background-color:" + cColor0 + ";padding-top:0;padding-left:0;padding-bottom:20;z-index:9;'" +
" onmouseout='hideMenu();'>";
if (Frame_Supported == false || bICPMenu == false)
HTMLStr += "<HR STYLE='position:absolute;left:0;top:0;color:" + cColor1 + "' SIZE=1>";
HTMLStr += "<DIV STYLE='position:relative;left:0;top:8;'>";
}

TempStr = newLineChar +
"<A ID='AS_" + MenuIDStr + "'" +
" STYLE='text-decoration:none;cursor:hand;font:" + cFont + ";color:" + cColor1 + "'" +
" HREF='" + URLStr + "' TARGET='" + TargetStr + "'" +
" onmouseout=" + char34 + "mouseMenu('out' ,'" + MenuIDStr + "');" + char34 +
" onmouseover=" + char34 + "mouseMenu('over','" + MenuIDStr + "');" + char34 + ">" +
"&nbsp;" + SubMenuStr + "</A><BR>" + LookUpTag;
if (sPos <= 0)
HTMLStr += TempStr + "</DIV></SPAN>";
else
HTMLStr = HTMLStr.replace(LookUpTag, TempStr);

updateSubMenuWidth(MenuIDStr);
}

function addICPSubMenuLine(MenuIDStr)
{
tempID = "ICP_" + MenuIDStr;
addSubMenuLine(tempID,true);
}

function addMSSubMenuLine(MenuIDStr)
{
tempID = "MS_" + MenuIDStr;
addSubMenuLine(tempID,false);
}

function addSubMenuLine(MenuIDStr, bICPMenu)
{
var LookUpTag = "<!--" + MenuIDStr + "-->";
var sPos = HTMLStr.indexOf(LookUpTag);
if (sPos > 0)
{
cColor = bICPMenu? aDefICPColor[1] : aDefMSColor[1];
TempStr = newLineChar + "<HR STYLE='color:" + cColor + "' SIZE=1>" + LookUpTag;
HTMLStr = HTMLStr.replace(LookUpTag, TempStr);
}
}

function mouseMenu(id, MenuIDStr)
{
IsMSMenu = (MenuIDStr.toUpperCase().indexOf("MS_") != -1);
IsMouseout = (id.toUpperCase().indexOf("OUT") != -1);

if (IsMouseout)
{
color = IsMSMenu? aDefMSColor[1] : aDefICPColor[1];
if (MenuIDStr == CurICPMenu && aCurICPColor[1] != "")
color = aCurICPColor[1];
}
else
{
color = IsMSMenu? aDefMSColor[2] : aDefICPColor[2];
if (MenuIDStr == CurICPMenu && aCurICPColor[2] != "")
color = aCurICPColor[2];
}
window.event.srcElement.style.color = color;
}

function doMenu(MenuIDStr)
{
var thisMenu = document.all(MenuIDStr);
if (ToolbarMenu == null || thisMenu == null || thisMenu == ToolbarMenu)
{
window.event.cancelBubble = true;
return false;
}
// Reset dropdown menu
window.event.cancelBubble = true;
ToolbarMenu.style.display = "none";
showElement("SELECT");
showElement("OBJECT");
ToolbarMenu = thisMenu;
IsMSMenu = (MenuIDStr.toUpperCase().indexOf("MS_") != -1);

// Set dropdown menu display position
x = window.event.srcElement.offsetLeft +
window.event.srcElement.offsetParent.offsetLeft;
if (MenuIDStr == LastMSMenu)
x += (window.event.srcElement.offsetWidth - thisMenu.style.posWidth);
x2 = x + window.event.srcElement.offsetWidth;
y = (IsMSMenu)?
(idRow1.offsetHeight) :
(idRow1.offsetHeight + idRow2.offsetHeight + idRow3.offsetHeight);
thisMenu.style.top = y;
thisMenu.style.left = x;
thisMenu.style.clip = "rect(0 0 0 0)";
thisMenu.style.display = "block";

// delay 2 millsecond to allow the value of ToolbarMenu.offsetHeight be set
window.setTimeout("showMenu()", 2);
return true;
}

function showMenu()
{
if (ToolbarMenu != null)
{
IsMenuDropDown = (Frame_Supported && IsMSMenu == false)? false : true;
if (IsMenuDropDown == false)
{
y = (y - ToolbarMenu.offsetHeight - idRow3.offsetHeight);
if (y < 0) y = 0;
ToolbarMenu.style.top = y;
}
y2 = y + ToolbarMenu.offsetHeight;

ToolbarMenu.style.clip = "rect(auto auto auto auto)";
hideElement("SELECT");
hideElement("OBJECT");
hideElement("IFRAME"); //FRANKLO
}
}

function hideMenu()
{
if (ToolbarMenu != null && ToolbarMenu != StartMenu)
{
// Don't hide the menu if the mouse move between the menu and submenus
cY = event.clientY + document.body.scrollTop;
if ( (event.clientX >= (x+5) && event.clientX <= x2) &&
((IsMenuDropDown == true && cY > (y-10) && cY <= y2) ||
(IsMenuDropDown == false && cY >= y && cY <= (y2+10)) ))
{
window.event.cancelBubble = true;
return;
}

ToolbarMenu.style.display = "none";
ToolbarMenu = StartMenu;
window.event.cancelBubble = true;

showElement("SELECT");
showElement("OBJECT");
showElement("IFRAME"); //FRANKLO
}
}

function hideElement(elmID)
{
for (i = 0; i < document.all.tags(elmID).length; i++)
{
obj = document.all.tags(elmID)[i];
if (! obj || ! obj.offsetParent)
continue;

// Find the element's offsetTop and offsetLeft relative to the BODY tag.
objLeft = obj.offsetLeft;
objTop = obj.offsetTop;
objParent = obj.offsetParent;
while (objParent.tagName.toUpperCase() != "BODY")
{
objLeft += objParent.offsetLeft;
objTop += objParent.offsetTop;
objParent = objParent.offsetParent;
}
// Adjust the element's offsetTop relative to the dropdown menu
objTop = objTop - y;

if (x > (objLeft + obj.offsetWidth) || objLeft > (x + ToolbarMenu.offsetWidth))
;
else if (objTop > ToolbarMenu.offsetHeight)
;
else if (IsMSMenu && (y + ToolbarMenu.offsetHeight) <= 80)
;
else
obj.style.visibility = "hidden";
}
}

function showElement(elmID)
{
for (i = 0; i < document.all.tags(elmID).length; i++)
{
obj = document.all.tags(elmID)[i];
if (! obj || ! obj.offsetParent)
continue;
obj.style.visibility = "";
}
}

function formatURL(URLStr, InstrumentStr)
{
var tempStr = URLStr;

if (DoInstrumentation && URLStr != "" )
{
var ParamPos1 = URLStr.indexOf("?");
var ParamPos2 = URLStr.lastIndexOf("?");
var ParamPos3 = URLStr.toLowerCase().indexOf("target=");
var ParamPos4 = URLStr.indexOf("#");
var Bookmark = "";
var URL = URLStr;
if (ParamPos4 >= 0)
{
URL = URLStr.substr(0, ParamPos4);
Bookmark = URLStr.substr(ParamPos4);
}

if (ParamPos1 == -1)
tempStr = "?MSCOMTB=";
else if (ParamPos1 == ParamPos2 && ParamPos3 == -1)
tempStr = "&MSCOMTB=";
else if (ParamPos1 == ParamPos2 && ParamPos3 != -1)
tempStr = "?MSCOMTB=";
else if (ParamPos1 < ParamPos2)
tempStr = "&MSCOMTB=";

tempStr = URL + tempStr + InstrumentStr.replace(" ","%20") + Bookmark;
}
return tempStr;
}

function prepTrackingString(ts, type)
{
var rArray;
var rString;
var pName = '';
if (0 == type)
{
pName = 'p=';
rString = ts.substring(1);
rArray = rString.split('/');
}
if (1 == type)
{
pName = 'qs=';
rString = ts.substring(1);
rArray = rString.split('&');
}
if (2 == type)
{
pName = 'f=';
rString = escape(ts);
return pName + rString;
}
if (3 == type)
{
pName = 'tPage=';
rString = escape(ts);
return pName+rString;
}
if (4 == type)
{
pName = 'sPage=';
rString = escape(ts);
return pName + rString;
}
if (5 == type)
{
pName = 'r=';
rString = escape(ts);
return pName + rString;
}
if (6 == type)
{
pName = 'MSID=';
rString = escape(ts);
return pName + rString;
}
if (7 == type)
{
pName = 'source=';
rString = ts.toLowerCase();
if(rString.indexOf("microsoft.com") != -1)
{
rString = rString.substring(0,rString.indexOf("microsoft.com"));
if('' == rString)
{
rString = "www";
}
else
{
rString = rString.substring(0,rString.length -1);
}
}
return pName + rString;
}
if (8 == type)
{
pName = 'TYPE=';
rString = escape(ts);
return pName + rString;
}
rString = '';
if(null != rArray)
{
if(0 == type)
{
for( j=0; j < rArray.length - 1; j++)
{
rString += rArray[j] + '_';
}
}
else
{
for( j=0; j < rArray.length ; j++)
{
rString += rArray[j] + '_';
}
}
}
rString = rString.substring(0, rString.length - 1);
return pName + rString;
}

function buildIMG(pArr)
{
var TG = '<LAYER visibility="hide"><div style="display:none;">'
for(var i=0; i<pArr.length; i++)
{
if(0 == i)
{
TG += pArr[i];
}
else
{
TG += '&' + pArr[i];
}
}
TG +='" height="0" width="0" hspace="0" vspace="0" Border="0"></div></layer>';
document.writeln(TG);
return;
}


本篇文章回覆於2013-04-05 01:22
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
作者回應

Alan Yuan
檢舉此回應
其實我想刪除或修改4樓的貼, 因為太長又跟原問題沒有關, 可是又不能.發問前我也想過是否放程式碼, 可是不放我又不知如何形容及解決.若引起各師兄不滿, 請不要見怪.這部份經已消耗了我一個復活節及清明假, 上網找遍也不行, 可能要擱置另找方法.打擾了.
本篇文章回覆於2013-04-06 01:21
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
最有價值解答

香帥
檢舉此回應
建議您可像我在您另一篇
http://www.blueshop.com.tw/board/show.asp?fumcde=FUM20041006152546UBK&subcde=BRD201304050434304DH#BRD20130406120346OAJ
一樓回答的那樣有打包成.zip讓您下載
將您的程式碼打包成.zip(包含.htm及.js及相關圖檔)
這樣大家才容易幫您試(只要打開.htm就可執行),不然像您4樓的程式碼貼到記事本,也無法執行,又如何幫您測試
前一篇給您的相同程式碼,我是拿我看過的書javascript網頁特效絕招(峯出版,作者工夫小子)其中一種(第一篇文章選單有26種)給您參考,那本書的程式碼是作者多方蒐集才做成中文版參數用法說明,多來自
http://www.dynamicdrive.com/dynamicindex1/index.html
這個網站,包含前一篇給您的js也可在文章內找到他的下載連結
http://www.dynamicdrive.com/dynamicindex1/menu.zip
因此建議您在這網站去找您需要的來套用,相信可以解決您的問題,若找不到,我再給您一個置頂式選單去試試看
本篇文章回覆於2013-04-06 14:35
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
作者回應

Alan Yuan
檢舉此回應
謝謝師兄回覆.我也明白以後該如何發問及表達自己的問題, 多謝師兄珍貴的資料及指教.
本篇文章回覆於2013-04-07 03:21
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.