Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript悬停css更改颜色_Javascript_Css_Wordpress - Fatal编程技术网

javascript悬停css更改颜色

javascript悬停css更改颜色,javascript,css,wordpress,Javascript,Css,Wordpress,如何更改网站上半透明白色背景的项目缩略图悬停: 对于半透明的黑色背景,如下所示: notso.animations.js $(".project_thumb").each(function() { // INDEX: fade thumb boxes in sequentially $(this).delay(db).fadeIn(500); db += 150; }); $(".project_thumb img.project_thumb_img_hover").

如何更改网站上半透明白色背景的项目缩略图悬停:

对于半透明的黑色背景,如下所示:

notso.animations.js

$(".project_thumb").each(function() {  // INDEX: fade thumb boxes in sequentially
    $(this).delay(db).fadeIn(500);
    db += 150;  
});

$(".project_thumb img.project_thumb_img_hover").css({'opacity': '0.3'}); // INDEX: force opacity on project_thumb_img_hover  
$(".project .meta, .project_text").delay(500).fadeIn(800); // SINGLE: fade project text in 

$(function(){  // INDEX: thumbnail hover & delay 
    var config = {    
         sensitivity: 7, // minumum mouse movement before doOver is called    
         interval: 75,  // delay before doOver    
         over: doOver,   // onMouseOver function    '
         timeout: 300,   // delay before doOut
         out: doOut    // onMouseOut function      
    };
    function doOver() {
         $(this).find("img.project_thumb_img").fadeTo(250, 0);
         $(this).find("img.project_thumb_img_hover").fadeIn(250);
         $(this).find(".meta").delay(150).fadeTo(250, 1);
    }
    function doOut() {
         $(this).find(".meta").fadeTo(250, 0);
         $(this).find("img.project_thumb_img").delay(150).fadeTo(250, 1);
         $(this).find("img.project_thumb_img_hover").delay(150).fadeOut(250);
    }
    $(".project_thumb").hoverIntent(config);
});

$('#project_thumbnails') // INDEX: masonry layout
    .isotope({
        masonry: {
            columnWidth: 6
        },
        animationEngine: 'jquery',
        animationOptions: {
            easing: 'easeOutQuint',
            queue: false,
            duration: 1000
        }
    });
}); // close doc.ready

请在下面的行中添加CSS文件

.project_thumb_large.project_thumb_small{背景:#333;}