javascript - 淡化整个窗口 - 然后加载 URL?

标签 javascript jquery html css fade

我想知道当用户点击一个链接时是否有可能淡出我的整个窗口(所以可能是一个覆盖整个窗口的 div,将其淡化为黑色),然后加载一个外部 URL ,例如“谷歌”。

如:

用户点击“这里”,整个窗口的不透明度从 0% 变为 100% 黑色不透明度。然后,加载链接 ... google。

有什么想法可以实现吗?

谢谢

最佳答案

只需为您的 body 设置动画,然后在“完成动画”回调中更新窗口的位置。

$("body").animate({ opacity: 0, backgroundColor: '#000' }, function() {
  window.location = "http://google.com"
})

关于javascript - 淡化整个窗口 - 然后加载 URL?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13795156/

相关文章:

javascript - Twitter TypeAhead.js 不更新输入

javascript - 在提交远程引导模态 Rails 表单之前触发 js

html - Bootstrap + CSS : Constrain table height in modal

html - 内联和内联 block 与垂直对齐的工作方式不同

javascript - 使用 Javascript 的递归问题

使用 CORS 的 Javascript 和 angularjs

javascript - 如何找出脚本加载两次的位置?

ruby - 将 JS 变量注入(inject) haml 模板

javascript - angularJs 单选按钮不可见?

Javascript - 在文本中替换基于对象的值的最快和最有效的方法