使用jQuery 1.7.2的水平幻灯片动画。?
有人能提出一种方法来使用jQuery 1.7.2库而不使用jQueryUI库来实现水平幻灯片动画吗。到目前为止,通过这种设置,我已经使用使用jQuery 1.7.2的水平幻灯片动画。?,jquery,animation,jquery-animate,transition,Jquery,Animation,Jquery Animate,Transition,有人能提出一种方法来使用jQuery 1.7.2库而不使用jQueryUI库来实现水平幻灯片动画吗。到目前为止,通过这种设置,我已经使用 $('#selectorId').fadeIn(1000); 以及使用以下功能进行淡入: $('#selectorId').slideToggle('slow'); 另外,请不要介意,我已经排除了使用CSS进行转换的可能性,因为据我所知,您不能以这种方式执行回调功能。您可以使用jQuery的动画功能: 最初在这里找到:您可以使用JQueryUI的效果模块
$('#selectorId').fadeIn(1000);
以及使用以下功能进行淡入:
$('#selectorId').slideToggle('slow');
另外,请不要介意,我已经排除了使用CSS进行转换的可能性,因为据我所知,您不能以这种方式执行回调功能。您可以使用jQuery的
动画功能:
最初在这里找到:您可以使用JQueryUI的效果模块
<a href="#" id="slidetoggle">
Slide toggle the box
<div id="box">This is the box that will be toggled</div>
</a>
CSS(只是为了看一些大纲)
Jsfiddle:
谢谢您的回答。很遗憾,我不能使用jQueryUi:(
<a href="#" id="slidetoggle">
Slide toggle the box
<div id="box">This is the box that will be toggled</div>
</a>
//hide box per default
$('#box').hide();
$('#slidetoggle').click(function() {
$('#box').toggle('slide', 400);
return false;
});
#box {
background: #EEE;
border: 1px solid #900;
height: 135px;
display: none;
}