javascript – 在页面加载时显示div(所有JS和HTML / CSS)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在页面加载时显示div(所有JS和HTML / CSS),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1810字,纯文字阅读大概需要3分钟。
内容图文
![javascript – 在页面加载时显示div(所有JS和HTML / CSS)](/upload/InfoBanner/zyjiaocheng/791/12f71cf9c867419fbe82301f91395dc1.jpg)
我有一大堆图像从Wordpress附件中提取出来,然后使用各种各样的砖石网格倾倒在页面上 – 一切都很好.但是,需要一点时间.
有没有办法在页面加载时显示div,带有一些文本,然后显示:none,之后?
到目前为止我有这个:
<script type="text/javascript">
function showContent(){
//hide loading status...
document.getElementById("loading-grid-page").style.display='none';
//show content
document.getElementById("content").style.display='block';
}
</script>
</head>
<body onl oad="showContent()">
<script type="text/javascript">
document.write('<div id="loading-grid-page">Fetching ALL the gold...</div>');
</script>
<div id="content">
<script type="text/javascript">
//hide content
document.getElementById("content").style.display='none';
</script>
和我的CSS,
#loading-grid-page {
color: #ffffff;
font: 700 11px/25px 'proxima-nova-1', 'proxima-nova-2', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
background: #111111 url('images/ajax-loader-black.gif') no-repeat 15px center;
border-radius: 2px;
border: 1px solid #111111;
padding: 5px 30px;
text-align: center;
width: 200px;
position: fixed;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -100px;
z-index: 1000000;
}
然而,它会抛出混合的结果,有时候它会等待并且所有的砖石都能正常工作,有时它却没有,而且砖石结构失败并且页面装载奇怪.
只是想知道那里是否还有其他东西;)
谢谢,
[R
解决方法:
我会这样做:
>加载空白页面并显示加载程序.
第一次加载方法时只需加载(y)图像,每个例子12就足够了.不要加载所有这些.
>使用(JQuery)Ajax加载内容.
使用ajax / json连接到服务器并计算剩余的图像数量(总计 – 显示). if(total> 0)然后返回到这些图像的链接作为json数组.
链接到jquery的json call.
链接到parsing json using PHP.
>隐藏装载机.
Hide the div that contain the loader and add the links to the content div.
>显示内容.
这里你有两个选项附加一个div,或使用一个现有的,但这取决于你实现代码的方式,我再次推荐JQuery.
内容总结
以上是互联网集市为您收集整理的javascript – 在页面加载时显示div(所有JS和HTML / CSS)全部内容,希望文章能够帮你解决javascript – 在页面加载时显示div(所有JS和HTML / CSS)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。