gpt4 book ai didi

javascript - 2 个完整页面之间的 JS 或 Css 页面滑动过渡

转载 作者:数据小太阳 更新时间:2023-10-29 04:20:46 24 4
gpt4 key购买 nike

我有两个 html 页面:Page1.html、Page2.html。我想在两个页面之间滑动。我发现了很多插件和解决方案可以在两个 div 之间滑动或在容器内滑动,但我需要的是完整的页面更改。

I found something但问题是页面加载时 page2 上的 jquery 代码不会触发。我可以使用 jQuery Mobile,但我的元素使用 jQuery ui,它给我带来了一些冲突……所以我需要其他东西。

该元素应该在 iPad 上运行,因此拥有可以拖动的滑动页面会很酷。但我很乐意为幻灯片找到一个插件。

谢谢。

最佳答案

您的解决方案很少,例如使用 Ajax 向“新页面”添加内容以及使用 jQuery 添加一些滑动效果。 Stack Overflow 上有一些关于此的主题:

slide between pages using jQuery

Clues on sliding between pages effect

或者像本示例中那样在准备就绪的页面上添加一些效果:

<html>
<head>
<script src="js/jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function(){
$('body div').slideDown();
});
</script>
</head>
<body>
<div style="width: 400px; height: 400px; background-color: blue; display: none;">
<a href="page2.htm" style="color: white;">PAGE 2>></a>
</div>
</body>

<html>
<head>
<script src="js/jquery-1.7.2.min.js"></script>
<script>
$(document).ready(function(){
$('body div').slideDown();
});
</script>
</head>
<body>
<div style="width: 400px; height: 400px; background-color: red; display: none;">
<a href="page1.htm" style="color: white;">PAGE 1>></a>
</div>
</body>

祝你好运!

关于javascript - 2 个完整页面之间的 JS 或 Css 页面滑动过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14316402/

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