0

私は動作するクラスにアニメーションを配置しようとしていますが、設定されていないプロパティが1つあり、これをチェックする理由がわかっているため、まったくありません。

$(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);
}

問題は、プロパティの境界線が設定されていないことと、マウスアウト関数で不透明度を削除する方法がわからないことです。ボーダーはdiv要素に設定されています。ありがとう。

4

3 に答える 3

3

内に境界線を設定できるようには見えませんが、次のように設定でき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);
}

例を参照→

于 2011-05-26T21:11:25.900 に答える
1 
$(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);
    });

});

それを試してみてください。

http://jsfiddle.net/n2ugx/8/

于 2011-05-26T21:02:46.657 に答える
0

あなたの質問が十分に明確かどうかはわかりませんが、コードに問題があります。

mouseOut() と mouseOver() 関数はどちらも同じです。何も起こりません。

jQuery animate() は、要素を開始位置から指定した最終状態にします。どちらの機能も同じであるため、何も変わりません。

于 2011-05-26T21:03:11.697 に答える