台灣最大程式設計社群網站
線上人數
1224
 
會員總數:246226
討論主題:189787
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> [美]請問版主:貴站的彈出選單怎麼做的?
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
[美]請問版主:貴站的彈出選單怎麼做的?
價值 : 0 QP  點閱數:2347 回應數:7
樓主

小風
初學者
8 2
4 2
發送站內信

看到本站的主選單,覺得好炫喔∼
請問版主大大,怎樣做才能有這樣的功能?謝謝!!

本篇文章發表於2002-10-02 04:05
1樓
作者回應

小風
檢舉此回應
忘了說明:我只的選單包括了貴站左邊選單可以緩慢隱藏及彈出的功能!
本篇文章回覆於2002-10-02 04:09
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
請直接點選滑鼠右鍵檢視原始碼即可
本篇文章回覆於2002-10-02 08:28
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

瀚仔
檢舉此回應
小風大大...您有試出來嗎??我都是出現JS錯誤..下面是偶的做法..也請站長指教一下
1.新增一個框架...分成T字型...上面偶用空白網頁填滿....(frame name=top)
2.左邊加入偶的Menu.asp選單....(frame name=left)
3.右邊加入網頁(程式碼如下...而 frame name=blue cols=112,*)
<html>
<head>
<title>Mid</title>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<script language="JavaScript">

sType="Left"; //預設起始頁框位置 , Right or Left
iTime=1;     //預設移動間隔時間
iMove=1;      //預設移動間隔點數
gMove=4;      //預設移動間隔加成點數
mPoint=0;     //移動間隔點數(不需設定)
timerID=0;    //預設setInterval函數編號(不需設定)

cols1=112;    //左frame寬度,需配合原設定
cols2=15;     //中frame寬度,需配合原設定
cols3="*";    //右frame寬度,需配合原設定

//設定開合方向
function moveS(){
  mPoint=iMove;
  if (sType=="Right") 
     sType="Left";
  else
     sType="Right";
  timerID=setInterval("goMove()",iTime);
}

//移動拉門 ('blue'為頁框名稱需自訂)
function goMove(){   
    spStr=top.blue.cols.split(",",1);
    colLen=parseInt(spStr);
    if (sType=="Right"){
       if (colLen > 0)
          top.blue.cols=(colLen-mPoint) + "," + cols2 + "," + cols3 ;
       else{
          top.blue.cols="0," + cols2 + "," + cols3 ;
          clearInterval(timerID);
          }
     }
    else {
       if (colLen < cols1-mPoint)
          top.blue.cols=(colLen+mPoint) + "," + cols2 + "," + cols3 ;
       else{
          top.blue.cols=cols1 + "," + cols2 + "," + cols3 ;
          clearInterval(timerID);         
          }
     }
    mPoint = mPoint + gMove;
}


</script>
</head>

<body bgcolor="#F7FAFF" leftmargin="0" topmargin="0">
<img src="images/left/bar.gif" width="18" height="118" onclick="moveS()"> 
</body>

</html>
但是還是出現語法錯誤.....請問偶到底哪邊設錯了....請大大指教.....
本篇文章回覆於2002-10-07 16:36
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
回應

小白
捐贈 VP 給 Marcus 檢舉此回應
到網站建置百寶箱
http://dob.tnc.edu.tw/index.php
找 交錯選單
本篇文章回覆於2002-10-07 17:11
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
作者回應

小風
檢舉此回應
其實我也沒有試出來耶∼可能我對Java Script不熟吧!可否請試出來的各位大大
指點一二!!謝謝!!
本篇文章回覆於2002-10-08 08:46
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
回應

瀚仔
檢舉此回應
sorry~~小白兄....
http://dob.tnc.edu.tw/index.php..裡面找不到交錯選單ㄟ
本篇文章回覆於2002-10-08 10:37
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
回應

Marcus
檢舉此回應
底下是小舖的原始碼....  暫時設為index.htm
<HTML>
<HEAD>
<TITLE>藍色小舖</TITLE>
<META http-equiv=Content-Type content="text/html; charset=big5">
<META content="MSHTML 5.50.4522.1800" name=GENERATOR>
<meta name="keywords" content="asp , asp教學 , 免費檔案下載 , 網頁教學 , 討論區">
<meta name="description" content="asp , asp教學 , 免費檔案下載 , 網頁教學 , 討論區">
</HEAD>
<script language="JavaScript">
//window.open('say.htm', 'popupnav', 'width=320,height=190,resizable=1,scrollbars=no');
</script>
<FRAMESET border=0 frameSpacing=0 rows=88,550* frameBorder=NO cols=*> 
  <FRAME name=top marginWidth=0 marginHeight=0 src="topmenu.asp" frameBorder=NO noResize scrolling=no>
  <FRAMESET border=0 frameSpacing=0 rows=* frameBorder=NO cols=112,15,* name=blue> 
    <FRAME name=left marginWidth=0 marginHeight=0 src="leftmenu.asp" frameBorder=NO noResize scrolling=no>
    <frame name="mid" scrolling="NO" noresize src="mid.htm">
    <FRAME name=Main marginWidth=0 marginHeight=0 src="main.asp" noResize scrolling=yes>
  </FRAMESET>
</FRAMESET>
<noframes> 
</noframes> 
</HTML>
除了要有上述的原始碼做網頁外,還需要儲存一個網頁『mid.htm』
內容為:
<html>
<head>
<title>Mid</title>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<script language="JavaScript">
sType="Left"; //預設起始頁框位置 , Right or Left
iTime=1;     //預設移動間隔時間
iMove=1;      //預設移動間隔點數
gMove=4;      //預設移動間隔加成點數
mPoint=0;     //移動間隔點數(不需設定)
timerID=0;    //預設setInterval函數編號(不需設定)

cols1=112;    //左frame寬度,需配合原設定
cols2=15;     //中frame寬度,需配合原設定
cols3="*";    //右frame寬度,需配合原設定

//設定開合方向
function moveS(){
  mPoint=iMove;
  if (sType=="Right") 
     sType="Left";
  else
     sType="Right";
  timerID=setInterval("goMove()",iTime);
}

//移動拉門 ('blue'為頁框名稱需自訂)
function goMove(){   
    spStr=top.blue.cols.split(",",1);
    colLen=parseInt(spStr);
    if (sType=="Right"){
       if (colLen > 0)
          top.blue.cols=(colLen-mPoint) + "," + cols2 + "," + cols3 ;
       else{
          top.blue.cols="0," + cols2 + "," + cols3 ;
          clearInterval(timerID);
          }
     }
    else {
       if (colLen < cols1-mPoint)
          top.blue.cols=(colLen+mPoint) + "," + cols2 + "," + cols3 ;
       else{
          top.blue.cols=cols1 + "," + cols2 + "," + cols3 ;
          clearInterval(timerID);         
          }
     }
    mPoint = mPoint + gMove;
}


</script>
</head>

<body bgcolor="#F7FAFF" leftmargin="0" topmargin="0">
<img src="bar.gif" width="18" height="118" onclick="moveS()"> 
</body>

</html>

當然要與最前面的原始碼所存的網頁放在同一個地方。
例如:index.htm、mid.htm都放於同一資料夾..  其餘的網頁可暫時不設計,
直接執行 index.htm ,然後將滑鼠移至 mid.htm 後,按下去即可執行。

try it! 
本篇文章回覆於2002-10-08 11:03
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

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