La función attr () es interesante porque le permite interactuar con cualquier atributo de un objeto como parte de un estilo. Usted ve esta función se utiliza en un número de maneras únicas en Internet, a pesar de que parece ser un secreto bien guardado en su mayor parte.
Un sitio que demuestra una rápida aplicación que se basa en attr () es el nuevo Hotness: El uso de CSS3 Efectos Visuales. El siguiente procedimiento muestra la función attr () de una manera más simple para que pueda entender mejor los pocos ejemplos en línea que demuestran de una manera detallada.
Crear un nuevo archivo de HTML5 con su editor de texto.
Escriba el siguiente código de la página HTML.
Utilizando el attr () Función
Utilizando el attr () Función
Mundo
Todo lo que tienes aquí es un encabezamiento y el párrafo. Observe que el párrafo define un atributo estándar, identificación, y un atributo no estándar, testText. El atributo se utiliza para la función attr () no tiene por qué ser estándar - se puede definir cualquier atributo deseado.
Guarde el archivo como Attr.HTML.
Crear un nuevo archivo CSS con su editor de texto.
Escriba la siguiente información de estilo CSS.
#TestMe: Before {content: attr (testText) -}
El estilo comienza diciendo que la salida del estilo debe aparecer antes de la etiqueta referenciada por TestMe como un id. A continuación, establece el contenido de esa área con el valor actual del atributo testText utilizando la función attr ().
Guarde el archivo como Attr.CSS.
Cargue el ejemplo Atr.
La salida es más o menos lo que se espera, Hello World. La función attr () puede hacer posible que usted oculte y utilizar todo tipo de información en sus páginas, reutilizar la información de diferentes maneras, o incluso realizar tareas de depuración.
La cantidad en la que dos variables de datos varían juntos puede ser descrita por el coeficiente de correlación. En R, se obtiene la correlación entre un conjunto de variables muy fácilmente mediante el uso de la cor () función. Sólo tiene que…
Muchas pruebas en I devuelven un htest objeto. Ese tipo de objeto es básicamente una lista con toda la información sobre la prueba de que se ha llevado a cabo. Todos esos htest objetos contienen por lo menos un elemento estadística con el valor…
Muchas pruebas que se ejecutan en I devuelven un htest objeto. Ese tipo de objeto es básicamente una lista con toda la información sobre la prueba de que se ha llevado a cabo. Todos esos htest objetos contienen por lo menos un componente…
Tanto los nombres y las dimensiones de las matrices y moldes matrices se almacenan en R como atributos del objeto. Estos atributos pueden ser vistos como valores etiquetados se puede conectar a cualquier objeto.Forman uno de los mecanismos R utiliza…
Muchas personas que comienzan con R se confunden por las listas en el comienzo. Realmente no hay necesidad de eso - una lista sólo tiene dos partes importantes: los componentes y los nombres. Y en el caso de las listas sin nombre, que ni siquiera…
La mejor manera de comenzar con estilos en CSS3 es ver simplemente como un medio de información de formato en pantalla. Debido a que la mayor parte de la información que vamos a trabajar con el texto es, es más fácil para empezar con el texto…
Uno de los cambios más comunes que puede realizar en una imagen en CSS3 es añadir una frontera. Esto pone en marcha la imagen del otro contenido en la página. Por supuesto, CSS3 ofrece una amplia gama de tipos de fronteras. El truco es conseguir…
La manera más simple, más compatible para crear un fondo CSS3 que tiene al menos un poco de realce es utilizar una sola imagen. La imagen de la derecha dice mucho acerca de su sitio y proporciona continuidad entre páginas. Debido a este enfoque…
La mayoría de los desarrolladores utilizan estilos externos en CSS3 para reducir la cantidad de trabajo necesario para mantener un sitio. Un solo archivo .CSS contiene todos los estilos para el sitio, lo que significa que el cambio de un estilo de…
Para algunos sitios web de una interfaz con pestañas es el mejor método para mostrar la información. CSS3 tiene código para utilizar el método de jQuery para crear una interfaz con pestañas.$ (function () {// Crear las variables para mantener…
La comprensión de las reglas de la herencia en CSS3 le ayuda a crear sitios interesantes que requieren un mínimo de mantenimiento. Siguiendo estas reglas, cuando se requiere mantenimiento, normalmente tiene que hacer un solo cambio, en lugar de…
Muchas aplicaciones requieren que mostrar u ocultar elementos CSS3 en diferentes puntos de la ejecución de la aplicación. Puede ser algo tan simple como no tener el elemento en ese momento (por ejemplo, una barra de progreso). En la mayoría de…