所以我使用了很棒的jQuery ulSlide 插件。但是我想延迟动画。调用插件时该.delay()
功能似乎不起作用。有什么建议么?
网站: http: //www.carlpapworth.com/friday-quiz/#
html:
<ul id="qBox">
<!--Q1--> <li class="qContainer">
<div class="qQuestion">Question I </div>
<ul class="qAnswers">
<li><a href="#" class=""><h3>Answer a</h3></a></li>
<li><a href="#" class=""><h3>Answer b</h3></a></li>
<li><a href="#" class=""><h3>Answer c</h3></a></li>
</ul>
</li>
<!--Q2--> <li class="qContainer">
<div class="qQuestion">Question II </div>
<ul class="qAnswers">
<li><a href="#" class=""><h3>Answer 1</h3></a></li>
<li><a href="#" class=""><h3>Answer 2</h3></a></li>
<li><a href="#" class=""><h3>Answer 3</h3></a></li>
</ul>
</li>
<!--Q3--> <li class="qContainer">
<div class="qQuestion">Question III </div>
<ul class="qAnswers">
<li><a href="#" class=""><h3>Answer 1</h3></a></li>
<li><a href="#" class=""><h3>Answer 2</h3></a></li>
<li><a href="#" class=""><h3>Answer 3</h3></a></li>
</ul>
</li>
</ul>
自定义-JS:
$(document).ready(function() {
$('#qBox').ulslide({
effect: {
type: 'slide', // slide or fade
axis: 'x', // x, y
distance: 0 // Distance between frames
},
duration: 2000,
autoslide: 0,
width: 500,
height: 300,
mousewheel: false,
nextButton: '.qAnswers a',
prevButton: '#e1_prev'
});
});