javascript - 带动画的 JQuery 重定向

标签 javascript jquery css

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 8 年前

我制作了我的网站的移动版本,我有两个页面“page1.html”和“page2.html”我进行了重定向

window.location.href = "/page2.html";

我想做一个动画,第2页从页面顶部慢慢出现,我可以做吗?

最佳答案

如果您不关心地址栏中的 url,要么开始使用 jQuery Mobile,它可以在页面之间提供平滑的过渡,要么执行 AJAX 请求并将其加载到 f.ex 中。正文标签。

$.ajax({
           type: "POST",
           url: page2.html,
           success: function(data)
           {
            $('body').fadeOut(1000, function(){
            $('body')
                .empty()
                .html(data)
                .fadeIn(1000);
            })
        }
    });

如果 URL 很重要拦截所有链接点击并在更改页面之前使 body fadeOut 然后在每个其他页面中使 body 不可见并在页面加载时淡入 - 它应该具有相同的视觉效果。

关于javascript - 带动画的 JQuery 重定向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27300504/

上一篇:css - 由于某种原因,css 文件中的所有 url 都被错误翻译

下一篇:jquery - 如何在 jquery 中使用选项卡?

相关文章:

Javascript:每次用户更改年份时,月份和日期中的日期都会重置

javascript - 如何使用 jquery `a href` 添加标签?

jquery - 为什么我的 Bootstrap 下拉菜单错位了?

php - 在php Codeigniter中打印当前页面时需要隐藏或关闭窗口

html - 行内显示留下空白

html - CSS Transition speed on off hover, flip pane 的透明度很奇怪?

javascript - PHP 正在插入特殊字符,例如在数据库表中

javascript - 有没有办法检查两个数组是否具有相同的元素?

javascript - 使用 select2 V4 中的数据类型属性值禁用选项

php - 管理重复 ID 名称的更好方法...属性