gpt4 book ai didi

jQuery - 如何在不单击的情况下为单击功能设置动画(类似幻灯片放映) - 这可能吗?

转载 作者:行者123 更新时间:2023-12-01 08:27:50 25 4
gpt4 key购买 nike

我创建了一个 jQuery 脚本(在帮助下),效果很好,但是我需要它在不使用单击功能的情况下自动执行/动画化,我只是想知道这是否可能,如果可以,如何实现?类似于幻灯片。

基本上,代码允许我单击图像并隐藏/显示 DIV,同时更改元素列表,例如类/id 名称。

这是我的代码:

JQUERY:

jQuery(document).ready(function(){
//if this is not the first tab, hide it
jQuery(".imgs:not(:first)").hide();
//to fix u know who
jQuery(".imgs:first").show();
//when we click one of the tabs
jQuery(".img_selection a").click(function(){
//get the ID of the element we need to show
stringref = jQuery(this).attr("href").split('#')[1];

// adjust css on tabs to show active tab
$('.img_selection a').removeAttr('id'); // remove all ids
$(this).attr('id', this.className + "_on") // create class+_on as this id.
//hide the tabs that doesn't match the ID
jQuery('.imgs:not(#'+stringref+')').hide();
//fix
if (jQuery.browser.msie && jQuery.browser.version.substr(0,3) == "6.0") {
jQuery('.imgs#' + stringref).show();
} else
//display our tab fading it in
jQuery('.imgs#' + stringref).show();
//stay with me
return false;
});
});

最佳答案

这应该可以做到。它获取所有“选项卡”并按循环顺序单击 im,每次单击之间暂停 2 秒(2000 毫秒)

var tabs = jQuery(".img_selection a");
var len = tabs.size();
var index = 1;
function automate() {
tabs.eq((index%len)).trigger('click');
index++;
}
var robot = setInterval(automate, 2000);

//if at some point you want to stop the automation just call
clearInterval(robot);

做了一个演示

http://jsbin.com/urulo/2/ (http://jsbin.com/urulo/2/edit 为代码)

关于jQuery - 如何在不单击的情况下为单击功能设置动画(类似幻灯片放映) - 这可能吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2462640/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com