Agregue texto de desplazamiento de margen a cualquier sitio web fácilmente con Marginotes
Información sobre herramientas en línea Son fantásticos, pero a veces simplemente no encajan bien con cierto contenido. La mayoría de los sitios web dejan espacio en los márgenes a lo largo del cuerpo de la página y esto es perfecto para agregar Contenido al estilo de información sobre herramientas sin la información sobre herramientas..
Entrar Marginotes, un plugin jQuery gratuito de código abierto que Agrega notas personalizadas a los márgenes. de tu página web. Puede alternar estas notas según los enlaces o ciertos elementos de la página, como las imágenes.
Este complemento es sorprendentemente fácil de configurar y viene con un hoja de estilo por defecto para sus notas de margen. Estos aparecen a un lado de su contenido y se alinean justo al lado del elemento de párrafo en su página web.
Las notas flotantes son añadido manualmente a tus elementos HTML, usando un desc atributo. Nunca he visto esto en HTML5, así que no puedo decir si es totalmente compatible. Sin embargo, sí es seleccionado por JavaScript, que es todo lo que realmente necesitas.
Tú también puedes cambiar este atributo cuando corres el marginotes () función, por lo que podría cambiarlo a algo como datos desc Si buscas ser más obediente..
Aquí esta la una linea de jQuery Necesario para que este plugin funcione:
$ ("selector"). marginotes () Debe reemplazar "selector" con cualquier elemento que estés apuntando. Por lo tanto, si están dentro del cuerpo de tu página, puedes usar ".panidad". Usted también podría enlaces de anclaje de destino o por ciertas clases añadido a estos elementos.
Dentro de marginotes () función, puedes agregar dos parámetros opcionales para cambiar el formato de nota de margen:
anchura- establece el ancho de la nota (por defecto a 100px)campo- establece el atributo de contenido HTML (por defecto"desc")
Además, si no te gusta usar jQuery puedes probar el complemento de vainilla marginotes. Se ejecuta en vainilla JS, por lo que tiene cero dependencias para obtener todas las mismas características.
También puedes echar un vistazo a este demo en vivo Si quieres verlo en acción. Este es definitivamente un complemento único y es una gran manera de agrega algo de contenido extra a su sitio.
