Jquery 激活类上的触发操作
我为每张幻灯片制作了一个幻灯片和说明。当幻灯片处于活动状态时,我想使用jquery为字幕设置动画。不知何故,我设法做到了,但我认为这不是应该做到的;)这是我做的代码,它可以工作,但在计时器上,有人能帮我触发这个吗Jquery 激活类上的触发操作,jquery,triggers,slide,Jquery,Triggers,Slide,我为每张幻灯片制作了一个幻灯片和说明。当幻灯片处于活动状态时,我想使用jquery为字幕设置动画。不知何故,我设法做到了,但我认为这不是应该做到的;)这是我做的代码,它可以工作,但在计时器上,有人能帮我触发这个吗 $(function () { var $anchors = $('.description'); (function _loop(idx) { $anchors.removeClass('highlight').eq(idx).addClass('hi
$(function () {
var $anchors = $('.description');
(function _loop(idx) {
$anchors.removeClass('highlight').eq(idx).addClass('highlight');
setTimeout(function () {
_loop((idx + 1) % $anchors.length);
}, 7000);
$('.description').fadeIn(2000);
}(0));
});
window.setInterval(function () {
if ($('#test2.highlight')) {
$('.description').removeAttr('style');
$('.description').fadeIn(2000);
}
}, 7000); // checks all 800ms
html
-
意见2
-
特斯法斯
请创建一把小提琴如果我向你展示网站会好吗?我不知道如何使用小提琴,从来没有这样做过xd www.hurompolska.pl
<ul class="slides">
<li id="test" class="" style="width: 100%; float: left; margin-right: -100%; position: relative; height: 460px; display: list-item; opacity: 0.42695848571879425;">
<a href="http://tyf">
<span id="test3" class="caption highlight" style="top: 63.088278221567435px;">test2</span>
</a>
<img src="http://hurompolska.pl/wp-content/uploads/2013/11/przepisy_tlo.png" width="100%"> <span id="test2" class="description highlight" style="display: inline; opacity: 0.24278023310924668;">opis2</span> </li>
<li id="test" class="flex-active-slide" style="width: 100%; float: left; margin-right: -100%; position: relative; height: 460px; display: list-item; opacity: 0.5730415142812058;">
<a href="http://bum">
<span id="test3" class="caption" style="top: 63.088278221567435px;">test</span>
</a>
<img src="http://hurompolska.pl/wp-content/uploads/2013/11/top1.jpg" width="100%"> <span id="test2" class="description" style="display: inline; opacity: 0.24278023310924668;">tesfasd</span> </li>
</ul>