close

Step 4

<!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>
  <title></title>
  <script type="text/javascript" src="../Util/Uploadify/jquery.min.js"></script>

  <style type="text/css">
    img
    {
      margin-top: 0px;
      margin-left: -5px;
      padding: 0px 0px 0px 0px;
      opacity: 0.3;
      cursor: pointer;
    }
  </style>
</head>

<body>
  <div>
    <img id="popup_Treeview_img" alt='' src='../Images/arrow_left_orange.png' onclick="showTreeview();" onmouseover="chgOpacity(1);" onmouseout="chgOpacity(0.3);" />
  </div>
</body>
</html>

<script type="text/javascript">

  var imgArror_Right = new Image();
  imgArror_Right.src = '../Images/arrow_right_orange.png';
  var imgArror_Left = new Image();
  imgArror_Left.src = '../Images/arrow_left_orange.png';

  var w;
  var speed = 5;

  function showTreeview()
  {
      if (window.parent.framesMiddle.cols.split(',')[0] == '300')
      {
          w = 300;
          funClose();
          document.getElementById('popup_Treeview_img').src = imgArror_Right.src;
      }
      else
      {
          w = 0;
          funOpen();
          document.getElementById('popup_Treeview_img').src = imgArror_Left.src;
      }
  }
     
  function funOpen()
  {
      w = w + speed;
      if (w > 300) w = 300;
      window.parent.framesMiddle.cols = w.toString() + ",40,*"
       
      if (w < 300) { window.setTimeout("funOpen()", 0); }
  }
     
  function funClose()
  {
      w = w - speed;
      if (w <= 0)
      {
          w = 0;
      }
      window.parent.framesMiddle.cols = w.toString() + ",40,*"
       
      if (w > 0) { window.setTimeout("funClose()", 0); }
  }

  function chgOpacity(opacity)
  {
      $('#popup_Treeview_img').animate({'opacity': opacity}, 300);
  }

</script>

 

 

***並在程式一登入時,顯示wellcom.htm的程式,即可告知使用者,出現的箭頭符號的功用***

<!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>
  <title></title>

  <script type="text/javascript" language="javascript">
    //- 關閉右鍵選單
    document.oncontextmenu = function(){ return false; }; 
  </script>

</head>
<body oncontextmenu='return false'>
歡迎登入系統,請點左方選單開始操作
</body>
</html>

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 可樂果公主 的頭像
    可樂果公主

    聽說幸福…在山的那邊 (浪機子)

    可樂果公主 發表在 痞客邦 留言(0) 人氣()