WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Navigation

Path Style Menu

— Add- On para WorldWideScripts.net

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


Path Style Menu - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Menú de estilo ruta

Se trata de un menú multinivel inspirado en Camino 2.0 interfaz de usuario, que ha disparado cielo la aplicación Path en la tienda de aplicaciones, lo que demuestra que una interfaz de usuario muy distintiva le puede dar la ventaja en un mercado competitivo con productos similares.

Cuando el usuario presiona o hace clic en el botón, los elementos de menú se expanden y se colocan alrededor del botón principal que forma un arco, un círculo, se alinean horizontal o verticalmente. Para cerrar el menú el usuario necesita o selecciona una de las opciones que se presentan o presionar el interruptor principal de nuevo.

Si se anidan varios niveles, a continuación, hacer clic en un submenú producirá el botón de retroceso que permite al usuario volver a la selección de menú anterior.




Cambio de registro siguiente:

  • 29/05/2013 3,7 conjunto de cambios
  • Fija el menú de estilo de arco en IOS donde el menú estaba nervioso cuando se desplaza la página. Ahora que se desplaza junto con la página sin problemas.
  • Insecto fijo del menú en línea, donde la alineación de los elementos de menú quedó distorsionado si las barras de desplazamiento estaban presentes en la página.
  • Se ha añadido una nueva opción para permitir que se detenga un menú ampliado se colapse cuando se hace clic en la ventana de documento.
  • Los elementos del menú se podían ver viajando desde el borde superior de la pantalla hacia donde se encuentra el botón principal. Esto se ha solucionado. Ahora que la página se carga todo lo que ves es el mainbutton. botones de Elemento se expanden y son visibles sólo después de hacer clic en el botón principal.
  • 09/01/2013 3,6 conjunto de cambios
  • Las versiones minified no funcionaba bien la hora de establecer las dimensiones de iconos y algunas otras propiedades a través de JavaScript. Esto se ha resuelto ahora
  • En Firefox, hubo un parpadeo cuando se expande el menú, mientras que este se fijó antes de que se mantuvo arrastrándose hasta en versiones posteriores, fija esta vez de una vez por todas!
  • Botón principal gira ahora un 360deg completa de forma predeterminada contra la 180 grados de las versiones anteriores
  • 26/11/2012 Changeset 3.5
  • Se ha solucionado un problema en los dispositivos táctiles donde el menú en línea no estaba mostrando en absoluto. Un cambio en la versión anterior se rompió esto, ahora fijo.
  • Fija la posición de elementos de submenú cuando había 1 o 2 elementos de submenú en absoluto. Los elementos del menú quedarían parcialmente cubierta por el botón principal.
  • Aseguró que el menú no quede oculta por accidente, es decir, se termina de seleccionar el menú en su css al crear diseños de diseño de respuesta y ocultando él. Señalado algunos temas que hacen esto, no debería ser un problema ahora.
  • 19/11/2012 Changeset 3.4
  • Al hacer clic en los botones A continuación permitir suficiente tiempo para que finalice la animación antes de navegar a la URL de destino
  • Cuando el menú carga la primera vez, lo ves en movimiento, ya que se esconde detrás del botón principal. Esto no fue intencional. Ahora que acaba de carga detrás del periodo botón principal.
  • inconsistencias fijos en la documentación.
  • 22/10/2012 Changeset 3.3
  • Nueva documentación en formato pdf
  • Se ha añadido soporte para el establecimiento de URL directamente al configurar los elementos. No hay necesidad de escribir ningún código para la navegación, el tiempo que ya ha proporcionado la url, la navegación es automática. Esto hace que la configuración de navegación muy fácil y no requiere manualmente la suscripción de eventos si se quiere sólo para proporcionar la navegación.
  • Se ha añadido soporte para la apertura de la URL en una nueva pestaña, por defecto es falso.
  • Se ha eliminado el requisito de que los iconos de configuración url en css. Ahora puede configuración de todo el menú en javascript o hacer las cosas como antes. Vas a tener que echar un vistazo a la nueva documentación.
  • Las versiones anteriores exponen una sola onSelecteditem cuales despedido por cualquier botón pulsado. Este es un motivo de confusión ya que luego tuvo que filtrar manualmente los botones de interés. Por el amor de una mayor claridad ahora exponemos eventos separados en su lugar:
    1. onMainButtonClick-incendios cuando se hace clic con el botón principal
    2. onParentButtonClick-incendios cuando se hace clic en un elemento principal
    3. onBackButtonClick-incendios cuando se hace clic en el botón de retroceso
    4. onItemButtonClick-incendios para un botón de opción de menú
  • Fija una incompatibilidad con la expansión automática del menú de carga de la página.
  • Cambiado la forma de identificación de la salida eran por el componente. Este cambio romper la compatibilidad hacia atrás en esta versión. Las personas que usan CSS para el estilo de los botones, que también era el valor por defecto en las versiones anteriores, querrán agregar un prefijo de Identificación del menú con el identificador de botón de menú es decir, con anterioridad si tenían la siguiente:
     # menuitem0 { background: url ( '../ imágenes / photo.png') no-repeat; } # MenuItem1 { background: url ( '../ imágenes / people.png') no-repeat; } 
    ahora es:
     # menu1_menuitem0 { background: url ( '../ imágenes / photo.png') no-repeat; } # menu1_menuitem1 { background: url ( '../ imágenes / people.png') no-repeat; } 
    donde menu1 es el id de su menú.
  • El elemento contenedor tiene ahora un tamaño predeterminado que es el tamaño del botón principal. Anteriormente nos fuimos esta responsabilidad en el usuario, pero esto, añadido más espacio para la confusión y más pasos manuales para que el menú se comportan inline, como cabría esperar que lo haga. Esto ahora es manejado por el menú internamente.
  • 10/01/2012 Changeset 3.2
  1. enableUrlHash ahora es false por defecto. Para utilizar esta función, tiene que configurar manualmente a true por ejemplo {enableUrlHash: true} se pasa como una opción para el constructor de menú.
  2. Al pasar un simple conjunto de valores de cadena a la propiedad items por ejemplo: {artículos: "Menú 1", "Menú 2", "Menú 3 '} vs el formato mucho más rico, el parámetro de valor que se pasa al controlador de eventos onSelectedItem se presentó nula. Esto se ha resuelto ahora.
  3. cuando un elemento de menú está activo (es decir, hace clic), que colapsa los elementos de menú todos juntos, al hacer clic en el documento de nuevo se expande el menú con el elemento se ha hecho clic no se muestra. El menú no debe ampliar ni debe ser el elemento se ha hecho clic oculto. Esto es un error debido al elemento se ha hecho clic se oculta a través de la opacidad. Se ha resuelto ahora.
  4. Añadido margen predeterminado y el relleno en el botón principal. Esto es para asegurar que el tercer partido css en la página no afecta al menú.
  5. Añadido soporte para abrir automáticamente el menú de carga de la página. Para activar esta tiene que establecer expandida: true
  6. Se ha añadido soporte para plegar automáticamente el menú después de que se expande automáticamente al cargar la página. Para ello hay que establecer el valor expandTimeout al número de milisegundos de espera.
  7. Añadido soporte para etiquetas. Puede activar esta función mediante la adición de showLabel: verdadera, y una etiqueta se muestra junto al icono. El texto de la etiqueta se suministra a través de la propiedad del título.
  • 15/08/2012 Changeset 3.1
  • -Esta Actualización resuelve cualquier problema sobre todo IE8 y IE7. Una lista de correcciones:
  • IE7 y IE8 correcciones de compatibilidad:
    • cuando se hace clic en el documento y los elementos estaban en un estado expandido, que no estaban recibiendo colapsaron. Esto se ha resuelto ahora.
    • Todas las demostraciones en línea utilizan querySelector. Esto rompe en IE8 (modo compatbility).
    • Se ha añadido una polyfill para querySelector y [].forEach. Esto sólo afecta a la demostración en línea en IE8. Fijo.
    • Se ha añadido una polyfill para String.trim
    • Se ha solucionado el método dispose la que se atragantó en IE8
  • Otros asuntos:
    • Se ha añadido soporte para alta z-index para el menú cuando en el modo en línea.
    • parpadeo fija en la transición css3 en Firefox, donde la animación era entrecortado y lento.
    • Se ha añadido un eslabón perdido en la documentación.
  • 8/10/2012 3.0 Changeset
  • Se ha añadido soporte para el atraque en el menú en la esquina superior izquierda, derecha Esquina superior e inferior esquina derecha. Antes teníamos soporte solamente para la parte inferior del córner izquierdo. Ahora apoyamos acoplamiento en las 4 esquinas de la pantalla.
  • Acoplamiento está ahora soportado adecuadamente en Android 4.0 ++, ya que soporta CSS posición fija muy bien. Se debe trabajar de manera similar en iOS 5 (si no informar de ello, gracias).
  • Añadido soporte para inlining el menú.
  • Ahora tenemos soporte 11 estilos diferentes de trazar el menú:
    1. PathMenu.ExpandPattern.circle
    2. PathMenu.ExpandPattern.lineTop
    3. PathMenu.ExpandPattern.lineRight
    4. PathMenu.ExpandPattern.lineBottom
    5. PathMenu.ExpandPattern.lineLeft
    6. PathMenu.ExpandPattern.lineMiddleHorizontal
    7. PathMenu.ExpandPattern.lineMiddleVertical
    8. PathMenu.ExpandPattern.leftBottomFixedArc
    9. PathMenu.ExpandPattern.leftTopFixedArc
    10. PathMenu.ExpandPattern.rightBottomFixedArc
    11. PathMenu.ExpandPattern.rightTopFixedArc
  • Se ha añadido soporte para múltiples instancias del menú
  • Se ha añadido soporte para el contenido textual en los botones.
  • Añadido soporte para máscaras de imagen.
  • Ampliada la API y se expone nuevos métodos y propiedades, en concreto las que puede utilizar para agregar elementos de menú de forma dinámica. Hacer referencia a la documentación para los detalles. Además también hemos añadido una nueva demostración de laboratorio para mostrar escenarios más complejos, tales como la adición de elementos de menú en tiempo de ejecución.
  • 6/12/2012 1.9 Changeset
  • Se ha corregido un error en dispositivos de mano, donde la barra de direcciones no se vio compensada. Esto dio lugar a que el menú no hacer nada durante una operación de toque.
  • Se ha añadido una orden z-index por defecto para asegurarse de que el menú es siempre por encima de todos los demás elementos de la página donde se encuentra.
  • 5/19/2012 1.8 chagneset
  1. Enhanced la curva
  2. Se ha añadido soporte para el menú de cierre cuando se hace clic en el documento. Esto es sólo para escritorio. En los dispositivos habilitados para tocar lo que tiene que utilizar el botón de cierre.
  3. Se ha añadido soporte para la información sobre herramientas. Sólo está disponible en el escritorio (dispositivos habilitados no táctil). consulte la documentación sobre cómo obtener información sobre herramientas en sus elementos de menú.
  4. manejador onSelectedItem ahora incluye el título se ha hecho clic elementos de menú, así, que se pasa en los argumentos devoluciones de llamada.
  5. Las consultas de medios. Ahora puede pasar una lista de anchos de vista para el control, por ejemplo: [{ 'anchoMin': 640, 'anchoMax': 1024}] y va a proporcionar a sí mismo si esta condición se satisface con el dispositivo / navegador solicitante.
  6. espesor barra de desplazamiento horizontal no se compensa en el momento de colocar el menú en la esquina inferior izquierda de la ventana gráfica. Esto se ha resuelto ahora.
  7. La mayor característica más grande sin embargo, como se ha preguntado más veces es que ahora tenemos un plugin para WordPress (ya presentada para su revisión).
  • 5/19/2012 Changeset 1.8:
  1. Solución del problema de posicionamiento en la que si usted tenía solamente un elemento de menú único y con la curva correcta puesta todavía permanecería oculto detrás del menú principal.
  2. Sólo de referencia fijo (modo de depuración) generador de jerarquía de elementos donde un elemento de menú adicional se incluye en la salida.
  3. Se ha corregido un error que afectó a varios de navegación. Básicamente, cuando usted tenía más de 1 nivel sub en más de 1 punto del menú, no habría una confusión.
  4. Se ha corregido un error que afectó al primer elemento del menú. cuando se hace clic en el primer elemento del menú que no sería escalar cuando se desplaza fuera de la vista como los otros.
  5. Ahora los iconos reposicionarse al navegar de un menú al otro. Esto permite que los iconos para mantener su arco como elementos de menú pueden variar en número de submenú al submenú.
  • 5/15/2012 Aviso: 1.8 (Próximamente)
  • 4/28/2012 Conjunto de cambios: 1.7
  • Fijos pequeños errores de IE.
  • Añadida nueva página de demostración en línea y se incluye con los paquetes fuente.
  • Se ha añadido soporte para los símbolos de patata. Ahora bien, si es cierto enableUrlHash (false por defecto), entonces cuando se hace clic en un elemento de menú que es comando conseguirá anexa en la url, al igual que en la nueva demostración en línea.
  • 04/26/2012 Conjunto de cambios: 1.6
  • Cuando de submenú expandido la transición fue desigual. Fijo.
  • Opera mini perdió transiciones suaves cuando nos pasaron a 1,5. Esto se ha resuelto ahora.
  • El icono de botón de retroceso utiliza una flecha en 1.5; Esto no se presta muy bien para los efectos de la rotación. Para compensar esta habíamos incrementado la rotación, pero eso no era demasiado bueno. Ahora hemos reducido la rotación de nuevo a cómo era y cambiamos el icono para algo mucho mejor.
  • Documentado una característica de depuración que se imprima la estructura de menús para que pueda ver lo que identificadores de su menú verá como para aliviar sus esfuerzos de desarrollo. Esto está documentado en el tutorial.
  • Actualizado el archivo walkthrough.html que se encuentra en la carpeta de inicio para llevar al día con los últimos cambios.
  • Expuesto un nuevo método toggleMainButton. Esto se puede combinar con el método toggleMenuExpansion.
  • 04/24/2012 1,5 conjunto de cambios:
  • Ahora apoyamos a los submenús de varios niveles.
  • La API sigue siendo compatible con versiones anteriores.
  • Añadido documentación para los submenús de varios niveles. Es parte de su descarga en la página de tutorial.
  • En realidad es un gran cambio y el código base se ha sometido a una reescritura parcial. Disfruta!
  • 04/17/2012 Changeset 1.4
  • Insecto fijo del tacto en los dispositivos portátiles
  • Se ha corregido un error en el método dispose
  • -ahora limpieza adecuada se lleva a cabo cuando el menú se desecha.
  • 04/16/2012 Changeset 1.3
  • set_curve expuesta (valor) método público
  • broche de presión expuestos método público ()
  • En la siguiente ubicación ProjectPathMenu \ src \ com \ pathmenu \ home
  • -Se Ha añadido una demostración adicional en index.html que muestra la configuración del patrón de la curva de los elementos de submenú.
  • -Se Ha añadido un tutorial paso a paso, por lo que es mucho más fácil para el usuario final.
  • -Se Ha añadido una página de prueba que sólo incluye el menú de la reducción de las posibilidades de distracción.
  • 04/15/2012 cambia el conjunto de 1.2
  • Método público expuesta: toggleMenuExpansion
  • Método público expuesta: get_toggleState
  • Añadido ejemplo de código en el archivo de índice (igual que la vista previa en vivo) para mostrar cómo toggleMenuExpansion caso y get_toggleState se pueden utilizar.
  • Renovado la página de muestra con un pequeño pliegue nueva bandera para dispositivos / escritorio móviles
  • 04/14/2012 cambia el conjunto de 1.1: xxx

Descargar
Otros componentes de esta categoríaTodos los componentes de este autor
ComentariosPreguntas frecuentes y respuestas

Propiedades

Creado:
13 12 de abril de

Última actualización:
29 13 de mayo

Los navegadores compatibles:
IE8, IE9, Firefox, Safari, Opera, Chrome

archivos incluidos:
JS JavaScript, HTML, CSS

Palabras clave

eCommerce, eCommerce, Todos los artí, culos, androide, transiciones CSS3, personalizable, escritorio, portá, til, ipad, iphone, menú, mó, vil, navbar, navegació, n, girar, diapositiva, tableta, WP7