?? 8-5 模擬windows幫助效果.htm
字號:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>8-5 模擬Windows幫助效果</title>
<!-- 樣式表 -->
<style>
* { font-size:12px; font-family:宋體, Arial; font-weight:normal; color:#333; } /*規定了所有的字體樣式*/
</style>
<script>
var oPopup = window.createPopup();
function prepareHelp(){
document.styleSheets[0].rules[0].style.cursor = "help";
}
function do_onclick(){
if(document.styleSheets[0].rules[0].style.cursor != "help"){
//不是幫助狀態下，執行原本定義的操作
alert("我被鼠標單擊了！");
}else{
var oBody = oPopup.document.body;
oBody.style.backgroundColor = "lightyellow";
oBody.style.border = "solid black 1px";
oBody.innerHTML = "本按鈕的功能是彈出一個提示信息。".fontcolor("blue").bold() + "<br><small>彈出一個提示在<B>彈出式窗體</B>外單擊鼠標以關閉本窗體。</small>";
oPopup.show(event.x+15, event.y+15, 180, 85, document.body);
document.styleSheets[0].rules[0].style.cursor = "";
}
}
</script>
</head>
<body style="overflow:auto;">
<input type="button" value="?" onclick="prepareHelp();" />
<input type="button" value="點我" onclick="do_onclick()" />
</body>
</html>?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -