¿Cómo cambiar las propiedades de CSS a través de js?
Usando jQuery puedes cambiar fácilmente las propiedades CSS a través de js, por ejemplo:
$("img").css('border-color','red'); p >
Luego puede cambiar todos los colores de los bordes a rojo.
Esta es una página de prueba para este problema
2. Estas son 3 imágenes
3, este es el estilo de la imagen, el borde predeterminado es gris.
img{
ancho máximo:200px;
color del borde:gris;
ancho del borde:10px; p>
p>
border-style:solid;
}
4. Ahora use estas líneas de código escritas con jQuery para controlar el borde de la imagen para que se muestre en gris. y rojo según el movimiento del ratón.
$(function(){
$("img").on('mouseover',function(){
$(this).css ('color del borde','rojo');
}).on('mouseout',function(){
$(this).css('color del borde ','gray');
});
5. El efecto es como se muestra en la figura