-
Cómo instalar un menú Ajax
-
Ajax es una tecnología Web que utiliza código JavaScript para solicitar una respuesta de un servidor HTTP sin tener que recargar toda la página web. El acrónimo de Asynchronous JavaScript y XML. Ajax se puede encontrar en todas partes en la web. También se integra con casi todo, incluyendo ASP, XML, HTML y PHP.Instrucciones
1 Descargar el archivo comprimido, llamado ajax-menu-sample.zip, desde el sitio Deluxe-Menu (ver Referencias). Extraer y copiar la carpeta "Ajax-menu.files" a su directorio de página Web.
2 Pegar el código siguiente en la sección <head> de su página. Consulte el archivo index.html de ajax-menu-sample.zip para la colocación correcta:
<Script type = "text / javascript" href = "Ajax-menu.files / style.css"
rel = "stylesheet"> </ noscript>
3 Agregue el siguiente código de menú a la sección <body> de la página para crear una lista desordenada para su navegación superior principal:
<Ul ID = "deluxeMenu">
<Li> <a href="#"> principal </a> </ li>
<Li> <a href="#"> <span> Información del producto </ span> <a </a> href="info.html"> </a> </ li>
<Li> <a href="#"> <span> Las muestras </ span> <a </a> href="samples.html"> </a> </ li>
<Li> <a href="#"> Compra </a> </ li>
<Li> <a href="#"> Contacto </a> </ li>
</ Ul>
<! - Secuencia de comandos de menú de inicio ->
<Script type = "text / javascript" y "muestras" artículos, como se muestra en los siguientes códigos:
<a href="info.html"> </a>
<a href="samples.html"> </a>
4 Crear estos archivos externos para sus submenús: info.html y samples.html.
Añadir el código para la info.html:
<Ul style = "width: 136px;">
<Li> <a Características href="#"> </a> </ li>
<Li> <a href="#"> <span> instalación </ span> </a>
<Ul style = "width: 133px;">
<Li> <a href="#"> Descripción de Archivos </a> </ li>
<Li> <a href="#"> ¿Cómo configurar </a> </ li>
</ Ul> </ li>
<Li> <a href="#"> Parámetros Info </a> </ li>
<Li> <a href="#"> funciones dinámicas </a> </ li>
<Li> <a href="#"> <span> Navegadores compatibles </ span> </a>
<Ul style = "width: 117px;">
<Li> <a href="#"> sistema operativo Windows </a> </ li>
<Li> <a href="#"> Internet Explorer </a> </ li>
<Li> <a href="#"> Firefox </a> </ li>
<Li> <a href="#"> Mozilla </a> </ li>
<Li> <a href="#"> Netscape </a> </ li>
<Li> <a href="#"> Opera </a> </ li>
<Li> <a href="#"> MAC OS </a> </ li>
<Li> <a href="#"> Firefox </a> </ li>
<Li> <a href="#"> Safari </a> </ li>
<Li> <a href="#"> Internet Explorer </a> </ li>
<Li> <a href="#"> Unix / Linux OS </a> </ li>
<Li> <a href="#"> Firefox </a> </ li>
<Li> <a href="#"> Konqueror </a> </ li>
</ Ul> </ li>
</ Ul>
Añadir esto para el samples.html:
<Ul style = "width: 133px;">
<Li> <a href="#"> muestra los elementos de menú </a> </ li>
<Li> <a href="#"> Muestra 1 </a> </ li>
<Li> <a href="#"> Muestra 2 </a> </ li>
<Li> <a href="#"> Muestra 3 </a> </ li>
<Li> <a href="#"> Muestra 4 </a> </ li>
<Li> <a href="#"> Muestra 5 </a> </ li>
<Li> <a href="#"> Muestra 6 </a> </ li>
<Li> <a href="#"> Muestra 7 </a> </ li>
<Li> <a href="#"> Muestra 8 </a> </ li>
<Li> <a href="#"> Muestra 9 </a> </ li>
</ Ul>
5 Copiar los archivos info.html y samples.html que ha creado en el mismo directorio que su página Web. Su menú está ahora listo para su uso.
Consejos y advertencias
- Definir su menú con diferentes estilos que usan los códigos de JavaScript. Hay muchos de estos códigos disponibles para el uso libre en Internet.