<![CDATA[Latest posts for the topic "網頁開啟的先後順序?"]]> https://forum.andowson.com/posts/list/5.page JForum - http://www.jforum.net 網頁開啟的先後順序? [code].black_overlay{
display: none;

......以下省略

}[/code]

當網頁開啟時,就將CSS所設定的背景display設為block
[code]<script type="text/javascript">
window.onload = function() {
document.getElementById('圖層的名稱').style.display='block';
}
</script>[/code]

但用window.onload會讓網頁內容(圖片、flash...等)載入完才去執行我開啟CSS display的設定!
有什麼方法可以讓網頁開啟時,先讓CSS的背景顯示?]]> https://forum.andowson.com/posts/preList/295/549.page https://forum.andowson.com/posts/preList/295/549.page GMT 回覆:網頁開啟的先後順序? <%
int gERR = 0;

//判斷是否開啟CSS背景
if(true)
gERR = 0;
else
gERR = 1;
%>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>CSS測試</title>
</head>

<body>
<style type="text/css">
<!--
.black_overlay{
display: none;

......以下省略

}
-->
</style>
<script type="text/javascript">
window.onload = function() {
document.getElementById('fade').style.display='block';
}
</script>
<%
if( gERR == 0 ) {
%>
<div id="fade" class="black_overlay"></div>

<%
} else {
%>
<!--網頁內容-->
<%
}
%>
</body>

</html>[/code]]]> https://forum.andowson.com/posts/preList/295/581.page https://forum.andowson.com/posts/preList/295/581.page GMT 回覆:網頁開啟的先後順序? [code]
<%@ page contentType="text/html; charset=BIG5" %>
<%
int gERR = 0;

//判斷是否開啟CSS背景
if(true)
gERR = 0;
else
gERR = 1;
%>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>CSS測試</title>
</head>

<body>
<style type="text/css">
<!--
.black_overlay{
display: none;
background-image:url(http://www.andowson.com/images/title.gif);
background-color: #000000;
}
-->
</style>
<script type="text/javascript">
window.onload = function() {
document.getElementById('fade').style.display='block';
}
</script>
<%
if( gERR == 0 ) {
%>
<div id="fade" class="black_overlay">&nbsp;</div>

<%
} else {
%>
<!--網頁內容-->
<%
}
%>
</body>

</html>
[/code]]]> https://forum.andowson.com/posts/preList/295/582.page https://forum.andowson.com/posts/preList/295/582.page GMT 回覆:網頁開啟的先後順序?
背景圖本來就可以顯示，只是在原始程式裡，背景圖與JSP的顯示內容卻不是同步
而是JSP網頁內容先出現隨後才出現背景圖，所以我才改為以下程式碼
[code]
<script type="text/javascript">
window.onload = function() {
document.getElementById('fade').style.display='block';
}
</script>
<%
if( gERR == 0 ) {
%>
<div id="fade" class="black_overlay"></div>

<%
} else {
%>
<!--網頁內容-->
<%
}
%>[/code]
其實window.onload也可以拿掉了，多餘的！
把CSS圖層直接設為block就好，隨後直接進入 if 的判斷去選擇顯示哪一部份
這樣就不會有顯示順序的問題了! 也比較簡單!]]> https://forum.andowson.com/posts/preList/295/584.page https://forum.andowson.com/posts/preList/295/584.page GMT