Javascript 模拟单击事件以将div旋转为可见
我一直试图通过轮换文章来简化我的首页。 我使用了中的基本思想来构建静态菜单/文章选项,但我真正想做的是循环浏览文章,基本上是模拟按键(即下一步按钮),比如每5000毫秒一次。主要javascript是`$(function(){ 因此,特别是,如果没有按键,我想拿起当前的活动面板并触发下一个(或第一个,如果它是最后一个)。我尝试了各种淡入Javascript 模拟单击事件以将div旋转为可见,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我一直试图通过轮换文章来简化我的首页。 我使用了中的基本思想来构建静态菜单/文章选项,但我真正想做的是循环浏览文章,基本上是模拟按键(即下一步按钮),比如每5000毫秒一次。主要javascript是`$(function(){ 因此,特别是,如果没有按键,我想拿起当前的活动面板并触发下一个(或第一个,如果它是最后一个)。我尝试了各种淡入 function transitionBox(from, to) { function next() { var nextTo;
function transitionBox(from, to) {
function next() {
var nextTo;
if (to.is(":last-child")) {
nextTo = to.closest(".tab-boxes").children("div").first();
} else {
nextTo = to.next();
}
to.fadeIn(500, function () {
setTimeout(function () {
transitionBox(to, nextTo);
}, 3000);
});
}
但是我就是不能让它工作-有人有什么好主意来帮助我吗?我知道setTimeout在递归性方面有问题,如果你想定期调用某个东西,你应该使用setInterval
我知道setTimeout在递归性方面有问题,如果你想经常调用某个东西,你应该使用setInterval
我试着分析你的代码,并尝试让它工作,但我无法做到这一点 因此,我为此编写了全新的代码
希望这能对您有所帮助。我曾尝试分析您的代码,并尝试使其正常工作,但我无法做到这一点 因此,我为此编写了全新的代码
希望这会对您有所帮助。您可以为它设置一个提琴吗?我已经添加了一个提琴,因为它可以工作。内容框会旋转。面板选项卡会选择,并显示它们已被选中,但按面板选项卡不会将您带到正确的框,并且鼠标进出不会停止并重新启动自行车你可以为它设置一个提琴吗?我已经添加了一个提琴,因为它可以工作。内容框会旋转。面板选项卡会选择,并显示它们已被选中,但按面板选项卡不会将你带到正确的框中,鼠标进出不会停止并重新启动cyclingHi-这非常有用-我现在将尝试查看我是否可以使光标进入/退出暂停旋转精彩-谢谢。我添加了两个额外的功能-允许旧面板淡出,然后淡入新面板,以定义开始时的参数,并暂停鼠标进出时的过渡。我希望其他人会发现它很有帮助嗨-这非常有帮助-我现在将尝试看看我是否可以让光标进入/退出暂停旋转辉煌-谢谢。我添加了两个额外的功能-允许旧面板淡出,然后淡入新面板,以定义开始时的参数,并暂停鼠标进出时的过渡。我希望其他人会觉得这很有帮助
function transitionBox(from, to) {
function next() {
var nextTo;
if (to.is(":last-child")) {
nextTo = to.closest(".tab-boxes").children("div").first();
} else {
nextTo = to.next();
}
to.fadeIn(500, function () {
setTimeout(function () {
transitionBox(to, nextTo);
}, 3000);
});
}
$(document).ready(function(){
$(".tabs li").click(function(){
clearInterval(myInterval);
openTab($(this));
loopThroughTabs();
});
function openTab(tabLiObject)
{
if(!$(tabLiObject).hasClass("active"))
{
var oldSelectedLi = $(".tabs li.active");
var oldPanelDivId = oldSelectedLi.attr("rel");
oldSelectedLi.removeClass("active");
$("#"+oldPanelDivId).removeClass("active").hide();
$(tabLiObject).addClass("active");
var newPanelDivId = $(tabLiObject).attr("rel");
$("#"+newPanelDivId).removeClass("active");
$("#"+newPanelDivId).fadeIn(500);
}
}
var myInterval = null;
function goToTab(fromFirst)
{
var currentLIIndex = $(".tabs li.active").index();
var nextTabIndex = currentLIIndex+1;
if(nextTabIndex > 3)
{
openTab($(".tabs li").first());
}
else
{
openTab($(".tabs li:eq("+nextTabIndex+" )" ));
}
}
goToTab();
function loopThroughTabs(){
myInterval = setInterval(function(){
goToTab();
},2000);
}
loopThroughTabs();
});