Tutoriales de Javascript

Menú con descripción de opciones en java
Introducción

Solo tienes que copear el código que esta abajo y si quieres puedes descargar el ejemplo funcionando al final. 



<html>
<head>
<title>Menú con descripción de opciones</title>
<style>
DIV{font-family:arial,helvetica; font-size:10pt}
</style>
</head>
<p align="center"><b>-Menú con descripción de opciones
<script>
/*
Created by A1 Javascripts - http://www.a1javascripts.com/
This may be used freely as long as this msg is intact!
*/
//You have to set some variables here:
//Set the font for the msg
msgFont=Arial,helvetiva

//Set the fontSize in px
msgFontSize="12"

//Set the fontColor
msgFontColor="black"

/*
Heres the array that holds the text to change the divmessage to
when you mouseover. Change the text here
*/
messages=new Array(6)
messages[0]="<b>A1 Javascripts</b><br>Un montón de javascripts <i><u>
<font color=ff0000>gratis</font></u></i> mejorar tu web"
messages[1]="<b>123Webmaster</b><br>El mayor directorio de <i><u>
<font color=ff0000>recursos gratis</font></u></i> para webmasters"
messages[2]="<b>HttpCITY</b><br>25 megs of <i><u><font color=ff0000>
espacio web</font></u></i> 
gratis;<br> httpcity.com/you!"
messages[3]="<b>Free Clip Images</b><br>Una enorme colección de <i><u>
<font color=ff0000> gráficos</font>
</u></i> gratis"
messages[4]="<b>1-Click-Clipart</b><br>La mayor <i><u>
<font color=ff0000>colección</font></u></i> 
de gráficos en internet"
messages[5]="<b>FreeWare Files</b><br>Descarga <i><u>
<font color=ff0000>programas</font></u></i> 
gratis"
messages[6]="<b>Perl Site</b><br>Descarga <i><u>
<font color=ff0000>gratis</font></u></i> 
perl scripts" messages[7]=""

//nothing needs to be changed below here


ie=document.all?1:0
n=document.layers?1:0

//Constructing the ChangeText object

function makeChangeTextObj(obj){ 
this.writeref=(n) ? eval(document.+obj+.document):eval(obj); 
this.writeIt=b_writeIt; 
}
function b_writeIt(text){
if(n){
this.writeref.write(text)
this.writeref.close()
}
if(ie)this.writeref.innerHTML=text 
}

function changeText(num){
if(ie || n) oMessage.writeIt(<span style="font-size: +msgFontSize+px; 
font-family:+msgFont+; color:+msgFontColor+">+messages[num]+</span>)
}


function changeTextInit(){
if(ie || n) oMessage=new makeChangeTextObj(divMessage) 
}

//Calls the init function on pageload
onload=changeTextInit
</script>

</b>

<body>

</p>

<div id="divlinks" style="position:absolute; left:296; top:64">
<a href="http://www.a1javascripts.com" onMouseOver="changeText(0); 
window.status=A1 Javascripts;return true;" 
onMouseout="changeText(7,0); 
window.status=;return true;" onClick="window.focus()">
A1 Javascripts</a><br>
<a href="http://www.123webmaster.com" onMouseOver="changeText(1); 
window.status=123Webmaster;return true;" 
onMouseout="changeText(7,0); 
window.status=;return true;" onClick="window.focus()">
123Webmaster</a><br>
<a href="http://www.httpcity.com" onMouseOver="changeText(2); 
window.status=Http City;return true;" 
onMouseout="changeText(7,0); 
window.status=;return true;" onClick="window.focus()">
Http City</a><br>
<a href="http://www.free-clip-images.com" onMouseOver="changeText(3); 
window.status=Free Clip Images;return true;" onMouseout="changeText(7,0); 
window.status=;return true;" 
onClick="window.focus()">
Free Clip Images</a><br>
<a href="http://www.1-click-clipart.com" onMouseOver="changeText(4); 
window.status=1-Click-Clipart;return true;" onMouseout="changeText(7,0)" ; 
window.status ;return true;" onclick="window.focus()">
1-Click-Clipart</a><br>
<a href="http://www.freewarefiles.com" onMouseOver="changeText(5); 
window.status=FreeWare Files;return true;" onMouseout="changeText(7,0); 
window.status=;return true;" onClick="window.focus()">
FreeWare Files</a><br>
<a href="http://www.perlsite.com" onMouseOver="changeText(6); 
window.status=Perl Site;return true;" onMouseOut="changeText(7,0); 
window.status=;return true;" 
onClick="window.focus()">
Perl Site</a>
</div>

<table Border="0" cellpadding="0" cellspacing="0" width="400" hight="200">
<tr>
<td align="center" width="100%" height="100%">
<div id="divMessage" style="position:absolute; left:258; top:200; width:167; 
height:80">
Este es el texto por defecto que se muestra<br>
navegadores, versiones 3.x. <br>
</td></table></table></div>
</td>
</tr>
</table>
<!-- -->
</body>
</html>


Autor: S/A DescargarDescargar

Comentarios en "Menú con descripción de opciones en java"

Table 'programa_programas.t_comentarios' doesn't exist