Question

有没有办法让css函数动态化？

.test2
{
    width:200px;
    height: 90%;
    -webkit-animation:myfirst2 linear; /* Safari and Chrome */
    -webkit-animation-duration: 10s;
}

@-webkit-keyframes myfirst2 /* Safari and Chrome */
{
    from { height: 0%; } <--this must be dynamic
    to { height: 90%; } <--this must be dynamic
}

我想要使用JavaScript from { height: 0%; }和to { height: 90%; }动态。

这可能吗？

Answer 1

您可以使用jQuery css（）函数

$('.foo').css({'-webkit-animation': 'myfirst2 linear', '-webkit-animation-duration':  '10s'});

Answer 2

使用jQuery和jQuery动画功能这里有一个jsfiddle示例：

http://jsfiddle.net/QrbNW/1/

Answer 3

您可以轻松放弃.css

像这样

 //Fade in Background
             jQuery('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeOut(); //Fade in the fade layer      


       //Apply Margin to Popup
            jQuery('#' + popID).css({
                'margin-top' : -popMargTop,
                'margin-left' : -popMargLeft,
                'display' : 'block'
            });

是否有可能改变CSS动画宽度javascript？

3 个答案: