0

_off/_on サフィックスを含む画像を監視してロールオーバーを実行する、この小さなスクリプトを用意しました。うまく機能しますが、私がやりたいのは、それを磨くためにフェード機能を追加することです. これが本当に未成年の場合は申し訳ありません(そのように感じます):/

このようにシンプルにまとめたいと思います。

<script type="text/javascript">
    $(document).ready(function() {
    $("img.rollover").hover(
    function() { this.src = this.src.replace("_off", "_on");
    }, 
    function() { this.src = this.src.replace("_on", "_off");
    });
    });
</script>
4

1 に答える 1

0
$(function(){

    var a = '_off',
        b = '_on';

    $('img.rollover').on({
        'mouseover': function() {
            $(this).fadeOut(500, function() {
                $(this).prop('src', $(this).prop('src').replace(a, b)).fadeIn(500);
            });
        },
        'mouseout': function() {
            $(this).fadeOut(500, function() {
                $(this).prop('src', $(this).prop('src').replace(b, a)).fadeIn(500);
            });
        }
    });​
 });

サンプルフィドル

これはうまくいくはずです。

于 2012-12-25T06:54:29.893 に答える