我有两个html页面:Page1.html,Page2.html。
我想在两个页面之间滑动。我发现了很多插件和解决方案可以在两个 div 之间滑动或在容器内滑动,但我需要的是完整的页面更改。
我发现了一些东西 http://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/但问题是页面加载时 page2 上的 jquery 代码不会触发。我可以使用 jQuery mobile,但我的项目使用 jQuery ui,它给我带来了一些冲突......所以我需要其他东西。
该项目应该在 iPad 上运行,因此拥有可以拖动的滑动页面会很酷。但我很高兴能为幻灯片找到一个插件。
谢谢。
您几乎没有解决方案,例如使用 Ajax 将内容添加到“新页面”并使用 jQuery 添加一些滑动效果。 Stack Overflow 上有一些关于此的主题:
使用 jQuery 在页面之间滑动 https://stackoverflow.com/questions/9518762/slide-between-pages-using-jquery
页面间滑动效果线索 https://stackoverflow.com/questions/9446921/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>
祝你好运!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)