作者在 2010-12-31 15:19:27 发布以下内容
程序运行单击"?"时候，就会执行prepareHelp该函数，该函数作用就是改变页面样式表。 点击"我"按钮时候，先进行页面鼠标的判断，如果不是帮助状态，则执行相应功能代码，即使用alert()弹出一个提示信息，如果是帮助的话，就执行弹出窗体oPopup。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>模拟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>
数do_onclick关于弹出式窗体操作和一般窗体操作类似。是为了后继语句引用弹出窗体body对象而设置的变量。含有"oBody.style"的语句设置弹出窗体"body"对象的样式，"oBody.innerHTML"语句则设置body对象内容。
显示弹出窗体，使用该函数"show".
oPopup.show(event.x+15,event.y+15,180,85,document.body);这句话就是个弹出窗体
要明白的函数：createPopup();
要明白的语句：document.styleSheets[0].rules[0].style.cursor="help";
styleSheets[0]表示一个样式表的引用
styleSheets[0]数组下标是代表本页N个CSS样式表
rules[0] 它的下级代表这个样式表N个样式
其实我这个程序不是我写的，我是初学者，这是我书上的一个程序，我感觉他写的很好，我想与大家交流一下，这个陈程序，我还是不明白！希望大家给我个注释更好！我会一点点分析这个程序和测试这个程序。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>模拟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>
数do_onclick关于弹出式窗体操作和一般窗体操作类似。是为了后继语句引用弹出窗体body对象而设置的变量。含有"oBody.style"的语句设置弹出窗体"body"对象的样式，"oBody.innerHTML"语句则设置body对象内容。
显示弹出窗体，使用该函数"show".
oPopup.show(event.x+15,event.y+15,180,85,document.body);这句话就是个弹出窗体
要明白的函数：createPopup();
要明白的语句：document.styleSheets[0].rules[0].style.cursor="help";
styleSheets[0]表示一个样式表的引用
styleSheets[0]数组下标是代表本页N个CSS样式表
rules[0] 它的下级代表这个样式表N个样式
其实我这个程序不是我写的，我是初学者，这是我书上的一个程序，我感觉他写的很好，我想与大家交流一下，这个陈程序，我还是不明白！希望大家给我个注释更好！我会一点点分析这个程序和测试这个程序。
