jquery中的动画问题

我试图给类设置一个可以工作的anitmation，但根本没有，因为我有一个属性没有设置，我知道为什么要检查它

$(document).ready(initialize);

function initialize() {
    $(".imagePanel").hover(mouseOver,mouseOut);
}

function mouseOver() {
    $(this).animate({
        border:"2px"
        opacity: 0.25               
    }, 100);
}

function mouseOut() {
    $(this).animate({
        border: "2px",
        opacity: 0.25
    }, 100);
}

问题是，首先是属性边框没有设置，其次是不知道如何删除mouse out函数中的不透明度。边框设置为

div

元素。谢谢

$(document).ready(function(){

    $(".imagePanel").mouseover(function() {
         $(this).animate({
             borderTopColor:"#FF00FF",
             borderBottomColor:"#FF00FF",
             borderLeftColor:"#FF00FF",
             borderRightColor:"#FF00FF",
             opacity: 0.25               
         }, 500);
    });

   $(".imagePanel").mouseout(function() {
         $(this).animate({
             borderTopColor:"#FFFFFF",
              borderBottomColor:"#FFFFFF",
             borderLeftColor:"#FFFFFF",
              borderRightColor:"#FFFFFF",
             opacity: 1
         }, 500);
    });

});

试试看

试试看

---

我不确定您的问题是否足够清楚，但您的代码中存在问题

mouseOut（）和mouseOver（）函数都是相同的。什么也不会发生

---

jQuery animate（）将元素从其开始的任何位置带到指定的最终状态。您的两个函数都是相同的，因此没有任何更改。

我不确定您的问题是否足够清楚，但您的代码中存在问题

mouseOut（）和mouseOver（）函数都是相同的。什么也不会发生

---

jQuery animate（）将元素从其开始的任何位置带到指定的最终状态。您的两个函数都是相同的，因此没有任何变化。

您似乎无法在

动画中设置边框，但您可以使用
css
：

$(document).ready(initialize);

function initialize() {
    $(".imagePanel").hover(mouseOver,mouseOut);
}

function mouseOver() {
    $(this).stop(true,true).animate({
        opacity: 0.25               
    }, 100, function() {
        $(this).css('border','2px solid black');
    });
}

function mouseOut() {
    $(this).stop(true,true).css('border','0 none').animate({
        opacity: 1
    }, 100);
}

您似乎无法在
动画中设置边框，但可以使用
css
：

$(document).ready(initialize);

function initialize() {
    $(".imagePanel").hover(mouseOver,mouseOut);
}

function mouseOver() {
    $(this).stop(true,true).animate({
        opacity: 0.25               
    }, 100, function() {
        $(this).css('border','2px solid black');
    });
}

function mouseOut() {
    $(this).stop(true,true).css('border','0 none').animate({
        opacity: 1
    }, 100);
}

nice它的工作原理是不透明度，但没有边框，它没有将边框设置为divjQuery不支持速记边框属性。您需要使用borderWidth，并且必须已经在元素CSS中设置了borderWidth或border属性，因为它的工作方式是不透明度，但没有边框，它没有将边框设置为divjQuery不支持速记边框属性。您需要使用borderWidth，并且必须已经在元素css中设置了borderWidth或border属性