jQuery动画不透明度';我不在IE工作
关于jQuery动画的介绍,我有一个奇怪的问题。我使用views/drupal加载内容,将display设置为none。然后我想淡入淡出每一行 在所有浏览器中都能很好地工作,但在IE中不行。。。有人知道为什么吗jQuery动画不透明度';我不在IE工作,jquery,internet-explorer,opacity,Jquery,Internet Explorer,Opacity,关于jQuery动画的介绍,我有一个奇怪的问题。我使用views/drupal加载内容,将display设置为none。然后我想淡入淡出每一行 在所有浏览器中都能很好地工作,但在IE中不行。。。有人知道为什么吗 jQuery('.view-intro').find('.views-row-1') .css('display','block') .animate({opacity: 1.00}, time_short, 'swing') .animate({opacity:
jQuery('.view-intro').find('.views-row-1')
.css('display','block')
.animate({opacity: 1.00}, time_short, 'swing')
.animate({opacity: 1.00}, time_long, 'linear')
.animate({opacity: 0.00}, time_short, 'swing', function(){
jQuery('.view-intro').find('.views-row-1').css('display','none')
jQuery('.view-intro').find('.views-row-2')
.css('display','block')
.animate({opacity: 1.00}, time_short, 'swing')
.animate({opacity: 1.00}, time_long, 'linear')
.animate({opacity: 0.00}, time_short, 'swing', function(){
jQuery('.view-intro').find('.views-row-2').css('display','none')
jQuery('.view-intro').find('.views-row-3')
.css('display','block')
.animate({opacity: 1.00}, time_short, 'swing')
.animate({opacity: 1.00}, time_long, 'linear')
.animate({opacity: 0.00}, time_short, 'swing', function(){
jQuery('.view-intro').find('.views-row-3').css('display','none')
jQuery('.view-intro').css('display', 'none')
jQuery('.view-collections').animate({opacity: 1, paddingLeft: 0}, time_short, 'swing')
})
})
})
IE8及以下版本无法识别不透明度css属性,因此我建议您使用fadeTo(),这应该可以使用。您是否尝试过使用
.fadeIn()
和.fadeOut()
?jQuery应该在这里处理跨浏览器问题。您也可以只使用.show()
和.hide()
(甚至是.toggle()
)而不是使用.css('display',