如果在一个慢的网络环境下,在加载下面的网页时,a2, a3,...,a7首先会显示出来,然后a2, a3,...,a7才会一个一个的被隐藏。
我希望这个网页在加载后,仅仅显示最终的a1。请问如何做?谢谢!<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title> <script src="JS/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript"> $(document).ready(function() {
var index = 0;
$("#tab_box > div")
.eq(index).show()
.siblings().hide();
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="tab_box">
<div>
a1</div>
<div>
a2</div>
<div>
a3</div>
<div>
a4</div>
<div>
a5</div>
<div>
a6</div>
<div>
a7</div>
</div>
</form>
</body>
</html>
.initialhide{display:none;}
</style>
<div id="tab_box">
<div>a1</div>
<div class='initialhide'>a2</div>
<div class='initialhide'>a3</div>
<div class='initialhide'>a4</div>
<div class='initialhide'>a5</div>
<div class='initialhide'>a6</div>
<div class='initialhide'>a7</div>
</div>
我想要表达的是如何用编程的方法在Jquery中仅仅显示最终要展示的网页
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="../My Documents/未命名站点 1/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#tab_box > div:not(:first)').hide();
});
</script>
</head><body>
<form id="form1" runat="server">
<div id="tab_box">
<div id="1">
a1 </div>
<div>
a2 </div>
<div>
a3 </div>
<div>
a4 </div>
<div>
a5 </div>
<div>
a6 </div>
<div>
a7 </div>
</div>
</form>
</body>
</html>
别忘了把路径改成你的路径~``
lz怎么都不明白呢?只有用样式表才能使dom加载时隐藏
如果你使用jq,总是要等dom加载完成后才能调用隐藏的方法,而这时已经显示了
谢谢!
有什么好的方法解决这个问题呢?至少是加快隐藏速度!
谢谢!
但是我认为你的代码和我的代码在本质上没有什么区别,在慢的环境下仍然会先显示后隐藏
不要什么都想着用JQ
JQ还不是通过CSS来实现隐藏的
你的这个需求完全可以按1楼那样做
根本用不到JS
直接让层隐藏起来就成了~··有的时候也得利用CSS~·来实现功能~·
然后在JS里面分别设置你需要显示,隐藏的
设置完了再把body显出来