?? 7-23.htm
字號:
<SCRIPT LANGUAGE="JavaScript">
var QA = new Array(); <!--存儲各組信息,包括顯示信息和提示信息-->
QA[0] = new Array("星期一", "星期一的信息提示");
QA[1] = new Array("星期二", "星期二的信息提示");
QA[2] = new Array("星期三", "星期三的信息提示");
QA[3] = new Array("星期四", "星期四的信息提示");
QA[4] = new Array("星期五", "星期五的信息提示");
QA[5] = new Array("星期六", "星期六的信息提示");
QA[6] = new Array("星期日", "星期日的信息提示");
var ql = QA.length - 1; <!--q1賦值-->
var qx = Math.round(Math.random() * ql); <!--隨機(jī)整數(shù)-->
if (qx < 0) { qx = 0; }; <!--如果qx為0,則改為0-->
x = QA[qx][0], y = QA[qx][1]; <!--x代表第qx項(xiàng)的顯示信息,y代表第qx項(xiàng)的提示信息-->
var isNav = (navigator.appName.indexOf("Netscape") != -1);<!--瀏覽器種類的判斷,若為true,則表明是netscaper-->
var Ypos = 0;
function setupDescriptions() {
var x = navigator.appVersion; <!--x指瀏覽器的版本-->
y = x.substring(0,4); <!--y指x的從0到4的子串-->
if (y >= 4) setVariables(); <!--如果y大于等于4,則調(diào)用setVariables函數(shù)-->
}
var x, y, a, b;
function setVariables() {
if (navigator.appName == "Netscape") { <!--如果是netscape瀏覽器,則設(shè)定變量如下-->
h=".left="; v=".top="; dS="document."; sD="";
}
else { <!--否則設(shè)定如下-->
h=".pixelLeft="; v=".pixelTop="; dS=""; sD=".style";
}
}
function popLayer(a) { <!--彈出層函數(shù)-->
desc = "<table cellpadding=3 border=1 bgcolor=F7F7F7><td>" + a + "</td></table>"; <!--設(shè)定格式、顯示內(nèi)容-->
if(isNav) { <!--如果是netscape-->
document.q1.document.write(desc); <!--顯示desc內(nèi)容-->
document.q1.document.close(); <!--關(guān)閉-->
document.q1.left = x+25; <!--q1的位置設(shè)定-->
document.q1.top = y+40;
}
else { <!--否則,將設(shè)定如下-->
y = Ypos - 15;
q1.innerHTML = desc;
eval(dS+"q1"+sD+h+(x+25));
eval(dS+"q1"+sD+v+(y+40));
}
}
function hideLayer(a) { <!--隱藏層函數(shù)-->
if(isNav) { <!--如果是netscape瀏覽器-->
eval(document.q1.top = a);<!--將a的值賦給top-->
}
else q1.innerHTML = ""; <!--否則賦空格給innerHTML-->
}
function doQuestion() { <!--執(zhí)行懸停顯示的函數(shù)-->
var text;
if (!isNav) { <!--如果不是netscape瀏覽器-->
text = "<div id=\"q1\" style=\"position:absolute; "
+ "visibility:show; left:25px; top:-50px; z-index:2\">layer "
+ "hidden off the screen</div><br><a nohref "
+ "onMouseover=\"popLayer('" + y + "')\" "
+ "onMouseout=\"hideLayer(-50)\"><font size=+1 "
+ "color=\"black\"><b>" + x + "</b></font></a><br>"; <!--將要顯示的文字,顏色,位置層面賦給text-->
}
if(isNav) { <!--否則按照下面的格式賦值-->
text = "<br><a href onmouseover=\"alert('" + y + "!');return "
+ "true\" onmouseout=\"status=' '\"><font size=+1 "
+ "color=\"black\"><b>" + x + "</b></font></a><br>";
}
document.write(text); <!--顯示text-->
}
function handlerMM(e) { <!--鼠標(biāo)移動時間響應(yīng)函數(shù)-->
x = (isNav) ? e.pageX : event.clientX; <!--獲得鼠標(biāo)移動的x方向移動量-->
y = (isNav) ? e.pageY : event.clientY;;<!--獲得鼠標(biāo)移動的y方向移動量-->
if (!isNav) { Ypos = window.event.y + document.body.scrollTop; }<!--如果不是netscape瀏覽器,則給y坐標(biāo)賦值-->
}
if (isNav) { <!--否則映射鼠標(biāo)移動對應(yīng)的事件到響應(yīng)函數(shù)-->
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM; <!--調(diào)用鼠標(biāo)移動函數(shù)-->
doQuestion(); <!--調(diào)用doQuestion函數(shù)-->
</script>
<body OnLoad="setupDescriptions()">
<!--本例實(shí)現(xiàn)了鼠標(biāo)懸停顯示文本的功能-->
<!--對于不同的信息有相應(yīng)的提示信息,每組的顯示是隨機(jī)的-->
<!--調(diào)用doQuestion函數(shù)來實(shí)現(xiàn)這項(xiàng)功能-->
<!--當(dāng)鼠標(biāo)移動到信息上時,彈出一個層來顯示提示信息-->
<!--例程中包含了對不同的瀏覽器版本的操作-->
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -