Fecha: 25/01/2003
script faq javascript
presenta una pregunta al azar, cuando nosotros posicionamos el mouse encima de ella, muestra la respuesta.
Código Javascript
<html>
<HEAD>
<script type="text/javascript">
<!-- Original: Randy Hall (randy.hall@i.am) -->
<!-- Web Site: http://i.am/randy.hall -->
<!-- Begin
var QA = new Array();
QA[0] = new Array("¿A que equipo del Fútbol argentino apodan 'XENEIXES'?", "Club Atlético Boca Juniros");
QA[1] = new Array("¿Cómo apodan a Martín Palermo?", "El Loco!");
QA[2] = new Array("¿Cómo apodan a Roberto Ayala?", "El Ratón.");
QA[3] = new Array("¿Quién descubrió América", "Cristobal Colón");
QA[4] = new Array("¿Qué gusto tiene la sal?", "Salada.");
var ql = QA.length - 1;
var qx = Math.round(Math.random() * ql);
if (qx < 0) { qx = 0; };
x = QA[qx][0], y = QA[qx][1];
var isNav = (navigator.appName.indexOf("Netscape") != -1);
var Ypos = 0;
function setupDescriptions() {
var x = navigator.appVersion;
y = x.substring(0,4);
if (y >= 4) setVariables();
}
var x, y, a, b;
function setVariables() {
if (navigator.appName == "Netscape") {
h=".left="; v=".top="; dS="document."; sD="";
}
else {
h=".pixelLeft="; v=".pixelTop="; dS=""; sD=".style";
}
}
function popLayer(a) {
desc = "<table cellpadding=3 border=1 bgcolor=F7F7F7><td>" + a + "</td></table>";
if(isNav) {
document.q1.document.write(desc);
document.q1.document.close();
document.q1.left = x+25;
document.q1.top = y+40;
}
else {
y = Ypos - 15;
q1.innerHTML = desc;
eval(dS+"q1"+sD+h+(x+25));
eval(dS+"q1"+sD+v+(y+40));
}
}
function hideLayer(a) {
if(isNav) {
eval(document.q1.top = a);
}
else q1.innerHTML = "";
}
function doQuestion() {
var text;
if (!isNav) {
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>";
}
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);
}
function handlerMM(e) {
x = (isNav) ? e.pageX : event.clientX;
y = (isNav) ? e.pageY : event.clientY;
if (!isNav) { Ypos = window.event.y + document.body.scrollTop; }
}
if (isNav) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// End -->
</script>
<title>Pregunta & Respuesta</title>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="setupDescriptions()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<script>
doQuestion();
</script>
</body>
</html> 
Categoría: 
