Question

如何在jQuery中使用animate更改select中的大小选项我编写了这两个函数，但第二个函数使用animate并且不适用于size参数。

$.fn.pasa_encima_selector = function () {
    $(this).hover(function () {
        $(this).attr('size', 15);
    },
    function() {
        $(this).attr('size', 1);
    });
};

$.fn.pasa_encima_selector_b = function () {
    $(this).hover(function () {
        $(this).unbind('hover');
        $(this).animate({height: 300}, 200, function() {

            $(this).mouseout(function () {
                $(this).unbind('mouseout');
                $(this).animate({height: 67}, 200, function () {
                $('.selector_ampliacion').pasa_encima_selector();
                });
            });

        });
    });
};

Answer 1

function sincdec(){
if(($("select").attr("size"))==1){
    var mi="inc";
    var s=1;
    setInterval(function(){
        if(s<10){
            if($('#select').is(':hover') === true){
                s++;$("select").attr("size",s);
                $("span").html(s);
            }
        }
    },10);
}
else if(($("select").attr("size"))==10){
    var mi="dec";
    var s=10;
    setInterval(function(){
        if(s>1){
            if($('#select').is(':hover') === false){
                s--;$("select").attr("size",s);
                $("span").html(s);
            }
        }
    },10);
}
};

$("select").hover(function(e){
   sincdec();
});

http://jsfiddle.net/krabat1/xsCq4/

如何在选择动画时更改大小选项

1 个答案: