gpt4 book ai didi

html - 在页面加载时自动滑入 div

转载 作者:行者123 更新时间:2023-11-28 15:20:07 25 4
gpt4 key购买 nike

我有一个 div,我希望它在页面加载完成 1 或 2 秒后从屏幕右侧滑动。

如果不使用点击功能,我似乎无法实现这一点。我怎样才能使它工作?

最佳答案

Working jsFiddle

添加页面加载回调函数:

<body onload="script();">

然后添加函数:

function script(){
setTimeout(function(){
document.getElementById('elementToMove').style.left = '1000px'; // new left position is 1000px in this example
}, 2000); // 2000 = 2 seconds after page load
}

并且不要忘记添加 CSS3 过渡来创建滑动效果

#elementToMove{
-webkit-transition: left 1s ease;
transition: left 1s ease;
}

关于html - 在页面加载时自动滑入 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36384310/

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