Question

我有一个css类在函数内部切换jQuery（为@Laurence代码）：

function rocksType_shift(direction) {
    $('#rocksType_DBitems_container .before').removeClass('before')[direction]().addClass('before');
          $('#rocksType_DBitems_container .current').removeClass('current')[direction]().addClass('current');
          $('#rocksType_DBitems_container .after').removeClass('after')[direction]().addClass('after');
}

整个背景 - fiddle。

这些类具有以下配置：

/* CSS styling for the 1st visible item (before) */
.before {
  background-color: Aquamarine;
  -webkit-border-radius: 70px 24px 24px 24px; 
    -moz-border-radius: 70px 24px 24px 24px;       
    border-radius: 70px 24px 24px 24px;
}

/* CSS styling for the 2nd visible item (current) */
.current {
  background-color: Aqua;
  border: 4px solid #000000; 
    -webkit-border-radius: 24px 24px 24px 24px; 
    -moz-border-radius: 24px 24px 24px 24px; 
    border-radius: 24px 24px 24px 24px;
}

/* CSS styling for the 3rd visible item (after) */
.after {
  background-color: Aquamarine;
  -webkit-border-radius: 24px 24px 24px 70px; 
    -moz-border-radius: 24px 24px 24px 70px; 
    border-radius: 24px 24px 24px 70px;

问题：我想使用animate（），因此我可以为border-radius设置动画。可以这样做吗？

佩德罗

Answer 1

我知道你说你希望它与animate（）一起使用，但是既然你已经使用了CSS3，为什么不通过向.rocksType_DBitem添加转换来实现呢？

http://jsfiddle.net/vNxeY/1/

将函数内的CSS类转换为jQuery动画

1 个答案: