我正在创建一个网站,我想这样做,如果你点击页面底部的按钮,你会转到一个新的.html文件,其中包含不同的布局,但我希望它看起来像新的页面正在滑动它看起来像一个很酷的过渡.
这是一个例子：
<!DOCTYPE html>
<html>
<body>
<p>Create a link of an image:
<a href="default.asp">
<img src="smiley.gif" alt="HTML tutorial" width="32" height="32">
</a>
</p>
<p>No border around the image,but still a link:
<a href="default.asp">
<img border="0" src="smiley.gif" alt="HTML tutorial" width="32" height="32">
</a>
</p>
</body>
</html>
我需要这样做,以便当你点击图片时它会转到一个新页面,但当它进入那个新页面时,会有一个“向上滑动”过渡.
谢谢！
解决方法
您可以使用iFrame来完成此任务：
我使用jQuery Transit进行过渡效果：
$("#myLink").click(function () {
$('#newPage').transition({top: '0%' });
});
