Tag: css

Problemas con el ciclado de la image Jquery

Estoy trabajando en un website para un amigo de la familia. En él querían tener logotypes de todos sus asociados en una fila, que se desvanecen sutilmente para ser reemplazados por logotypes adicionales que no se ajustaban la primera vez. Para lograr esto, he asignado las classs de <img> , que representan en qué ciclo […]

Cómo crear efecto de sombra de caja de profesión en div usando css

Estoy creando una aplicación en la que uso divs para mostrar información y uso de jQuery para manipularlos. En mi aplicación quiero dar sombra a mi div e intentar hacer una apariencia profesional. He creado shadow box para mi div pero no se ve tan profesional. Estoy usando este enlace para preparar mi aplicación. Refencia […]

Elemento que no ocupa el ancho de los niños

Tengo un <pre> y puse algo de contenido en él, en el que podría ser más largo que el ancho de la window. Esperaba que <pre> ocupara el ancho de sus hijos, pero no parece ser el caso. El <pre> está aplicando el ancho de la window en lugar del contenido interno. Demostración: http://jsfiddle.net/DerekL/d6Avv/1/ Por […]

¿Cómo encontrar elementos con márgenes negativos?

Estoy trabajando en una gran aplicación y estoy 100% seguro de que hay un elemento con un margen negativo, que está queuepsando mi contenido. ¿Cómo se podría encontrar todos los elementos con márgenes negativos usando JavaScript?

eliminar el filter css de escala de grises de las imágenes con javascript

Estoy tratando de recorrer algunas imágenes y eliminar un filter de ellas de a una por vez. var h = 0; function removeGreyscale() { document.images[h].style.webkitfilter = "grayscale(0)"; document.images[h].style.filter = "grayscale(0)"; h += 1; if (h === 8) { h = 0; } } setInterval(removeGreyscale, 3000); Este código actualmente no está funcionando.

: objective modalDialog no se abre

Tengo un menu para enlaces deslizantes (usando slider slider): <ul class="links"> <li><a href="#openModal">Slide 1</a></li> <li><a href="#openModal">Slide 2</a></li> <li><a href="#openModal">Slide 3</a></li> <li><a href="#openModal">Slide 4</a></li> <li><a href="#openModal">Slide 5</a></li> <li><a href="#openModal">Slide 6</a></li> </ul> Al hacer clic en cualquier enlace, se abre un dialog modal con la diapositiva correcta abierta (usando CSS :target ): <div id="openModal" class="modalDialog"> <div class="modalBox"> […]

Imagen de background aleatorio de pantalla completa en la actualización del browser

Estoy usando esta secuencia de commands que encontré en línea para tener una image de background aleatoria cada vez que el browser se actualiza. CSS body{ background: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } JS $(document).ready(function(){ var images=['images/001.jpg', 'images/002.jpg', 'images/003.jpg', 'images/004.jpg', 'images/005.jpg',]; var randomNumber = Math.floor(Math.random() * images.length); var […]

¿Construir una línea de time como el layout en Javascript?

Intento crear una Cuadrícula de línea de time para agregar y administrar tareas en momentos específicos (segundos) en una línea de time. ¿Hay alguna manera de poder crear dicha línea de time Javascript / jquery? Lo que bash hacer es tener 0.5 segundos. intervalos en la línea de time. Cada elemento tiene un range de […]

IFRAME Ajuste todo el contenido sin barra de desplazamiento

Hola, bueno, no puedo hacer funcionar mi IFRAME. Quiero que su altura se ajuste a todo el área de contenido. Cuando pongo la altura al 100%, no se ajusta a toda el área y solo cabe aproximadamente 3 / 4s del área de contenido. Aquí está mi código: <iframe src="some.html" frameborder="0" style="overflow:hidden; display:block; height:100%; width:100%" […]

¿Cómo mostrar el time de actualización posterior como Facebook y Twitter?

Estoy haciendo un mazo de notifications. y en lugar de mostrar la hora a la que vino una notificación. Quiero mostrar el time transcurrido desde la llegada de la notificación. Como sucede en Twitter y Facebook donde muestran 32 millones, hace una hora, etc. Quiero implementar este código es JavaScript / Java. Cualquier ayuda será […]

Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.