个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
25
4
是否有任何教程或插件可以让网站在正确加载后淡入 View ，以限制任何不和谐等，从而使内容基本上流畅显示？
我想如果它只是一个特定的区域会更容易，因为页眉或页脚已经被缓存，从以前的页面...
例如带有各种缩略图的投资组合页面，它们只有在准备就绪时才会流畅显示。
这可以做到吗？
感谢您的帮助:)
最佳答案
首先，要注意一点:一般来说，网页设计人员会花费大量时间来尝试改善可感知的页面加载时间，以尽可能快地显示内容。这积极地以另一种方式进行，在一切准备就绪之前呈现一个空白页面，这可能并不理想。
但如果它适合您的情况:
因为所有可见的东西都将是 body 的后代，您可以加载隐藏的 body 然后淡入。为没有 JavaScript 的用户提供回退很重要(通常至少少于 2% according to Yahoo ，但仍然如此)。所以沿着:
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
<!-- This next would probably be in your main CSS file, but shown
inline here just for purposes of the example
-->
<style type="text/css">
body {
/* Hide it for nifty fade-in effect */
display: none;
}
</style>
<!-- Fallback for non-JavaScript people -->
<noscript>
<style type="text/css">
body {
/* Re-displays it by overriding the above */
display: block;
}
</style>
</noscript>
</head>
<body>
...content...
<script src="jquery.js"></script>
<script>
// This version runs the function *immediately*
(function($) {
$(document.body).fadeIn(1000);
})(jQuery);
</script>
</body>
</html>
脚本部分的几个变体，具体取决于您希望淡入发生的时间:
等待“就绪”事件:
// This version waits until jQuery's "ready" event
jQuery(function($) {
$(document.body).fadeIn(1000);
});
等待 window#load 事件:
// This version waits until the window#load event
(function($) {
$(window).load(function() {
$(document.body).fadeIn(1000);
});
})(jQuery);
window#load 在页面加载过程中很晚 触发，在加载所有外部资源(包括所有图像)之后。但是你说你想等到所有东西都加载好，所以这可能就是你想要做的。它肯定会让你的页面看起来更慢......
关于jQuery 在站点/内容加载后淡入淡出？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8076365/
25
4
0
最近我用 php 建立了一个网站，但他们的旧网站都是 HTML 格式的。所以现在我不知道使用 .htaccess 将所有这些旧链接重定向到新站点(可能将所有带有 HTML 的链接重定向到主域)的最佳方
我创建了一个新的 WordPress 网站，它是我旧网站的更名版本。它有一个新的域和一个新的设计。除此之外，其他一切都是相同的，包括内容和链接结构。现在我想完全重定向旧链接。与旧帖子一样，标签和类别
我想使用 WatiN测试我正在开发的网站的功能。理想情况下，我会在测试开始运行之前以编程方式部署网站 (asp.net MVC3)，然后在每次测试之前刷新数据。这可能吗？ 最佳答案 在此处阅读有关使用
我们的网站使用我们自己定制的 session 状态管理，与 ASP.NET session 状态分开。但是由于少数特殊页面使用 SQL Server Reporting Services，我们还需要启
不久前我看到一个网站，其中有 JavaScript/HTML/CSS 栏目，下面有实际代码的样子。有点像 jsFiddle，但它有用户示例和演示。有谁知道这个网站的名字吗？我到处都找不到它!谢谢! 最
我们的核心数据库出现问题，该数据库已由前一天的备份数据库恢复。 此后，网站工作正常，但我们在发布任何更改时遇到问题。一旦点击发布按钮，“发布正在初始化..”消息就会持续很长时间。截至“发布开始/结束”
我们的核心数据库出现问题，该数据库已由前一天的备份数据库恢复。 此后，网站工作正常，但我们在发布任何更改时遇到问题。一旦点击发布按钮，“发布正在初始化..”消息就会持续很长时间。截至“发布开始/结束”
Maven 不仅仅是一款项目构建和依赖管理工具，它还能够聚合项目信息，促进项目团队间地交流。POM 中可以包含各种项目信息，例如：项目描述、SCM 地址、许可证信息，开发者信息等。用户可以使用 Mav
关闭。这个问题需要更多focused .它目前不接受答案。 想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post . 关闭上个月。 Improve this ques
您知道哪些网站正在使用 Silverlight？此信息将帮助我们决定何时采用 Silverlight 平台。 这些网站应该是面向公众的并且被认为是高流量的。 (每月至少 300,000 次点击)。 我
我尝试通过 VS2017 中的发布上下文菜单将我的 .net 核心站点部署到 Azure，偶尔(大约三分之一的部署)，我收到以下错误。 Web deployment task failed. (Web
我为 20 个不同的国家/地区创建了一个包含 20 个站点(每个站点一个不同的域)的 Django 项目。这些站点共享所有内容:代码库、数据库、网址、模板等。 他们唯一不共享的是我在每个站点设置文件中
如何将商店页面添加到我使用 jekyll 和基础构建的网站？ 任何自动化平台/方法都可以做到这一点。 谢谢。 最佳答案 您可以使用 snipcart .有一个blog post和一个 demo sit
我部署了一个服务结构集群，域为 foo.northcentralus.cloudapp.azure.com 它具有单一节点类型和单一公共(public) IP 地址/负载均衡器。 假设我部署了以下
我不是一个大的typ3 专家，也无法访问我正在使用的typ3 实例中的typoscript 选项(这是一个非常大的站点，我没有这样做的授权)。所以我希望这个问题适合 stackoverflow(如果没
我们正在对我们的 Drupal 站点进行性能调整。 我们正在使用 Siege 来衡量性能(作为 drupal 访问者)。 环境: Nginx + FastCGI + Memcache Siege 运行
我搜索了 SO、SU 和 SP.SE寻求解决方案，但找不到我需要的东西。我正在寻找一个解决方案，它可能是一个脚本或一些其他非编码方法/工具。 我正在尝试编写一个脚本(供其他人使用)或某种其他形式的自动
我有一个 Django 站点，它使用本地化中间件与 gettext 和 trans/blocktrans 模板标签相结合，根据用户代理字符串中的首选语言向访问者显示不同的页面(这似乎是在 Django
我是 Drupal 新手。是否可以设置所有内容并在服务器上部署 Drupal？我的意思是像放入内容、设置模块等...，然后将它们全部放到生产服务器上？ 最佳答案 当然。 复制所有文件 编辑数据库凭证(
我想将以下行添加到我的 head.html仅在运行时 jekyll serve本地: 如果可能的话，我正在考虑使用一些简单的液体检查。 最佳答案 当你做 jekyll serve本地默认 {{
我是一名优秀的程序员,十分优秀！