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>
留言列表