超酷跳轉網頁語法～

發表時間： 2007-08-11

有沒有發現本網站根目錄首頁變了呢？

沒錯…那就是使用跳轉網頁的語法

想要語法原始檔嘛….那就請繼續看！！

先前本站跟目錄首頁完全沒放東西…

首頁就是預設的伺服器頁面….完全根本網站不相干

後來，我用FRONTPAGE簡單做了一個很簡陋的網頁…

在FIREFOX瀏覽是正常的，不過到了IE卻亂碼..真慘！

上週，我將首頁換成E107的頁面

不過，我發現在同一個空間架設兩種類似形式的程式不太適合

所以，昨天我乾脆拿掉首頁，直接放入導向本網誌頁面的語法！

在此，如果有需要的，歡迎下載！！

1.靜態跳轉頁面

-範例：http://s9011514.googlepages.com/1.htm

-下載：請點我，右鍵，另存新檔

-原碼：

<html>
<head>
<meta http-equiv="Content-Language" content="zh-tw">
</meta><meta http-equiv="Content-Type" content="text/html; charset=big5">
</meta><meta http-equiv="refresh" content="1; url=blog/index.php">
<title>網站名稱</title>
</meta></head>
<body>
這裡可以放字，也可以空白
</body>
</html>

-重點解說：

content=”1;

其中的「1」是指跳轉時間，可以自行修改

url=blog/index.php”

其中的「blog/index.php」，可以修改成你要跳轉的頁面，

可以使用完整路徑（ex. https://sofree.cc）

2.簡單跳轉頁 (感謝kiroro提供)

-將下面語法存檔成 index.htm 即可。

<html>
<head><title>redirect</title></head>
<body onload='window.location="/wp/index.php"'>
</body>
</html>

3.動態跳轉頁面

由於這動態跳轉頁面有用到java，所以看起來較複雜，所以我不多做說明

說明都在原始碼中

-範例：http://s9011514.googlepages.com/2-1.htm

-下載：請點我，右鍵，另存新檔

-原碼＆解說：

<html>
<head>
<title>網站名稱</title>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
<table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%">
<tr>
<form name=loading>
<td align=center>
<p><font color="#808080"><font size="7">網站名稱</font></p>
<p>　</p>
<p><font color=#808080 size="4">資料讀取中，請稍候</font></p>
<p>
<input type=text name=percent size=46 style="font-family:Arial;
color:gray; text-align:center;
border-width:medium; border-style:none;"></p>
<p>
<input type=text name=chart size=46 style="font-family:Arial;
font-weight:bolder; color:gray;
background-color:white; padding:0px; border-style:none;">
</p>
<p>
<script>var bar = 0
var line = "||"
var amount ="||"
count()
function count(){
bar= bar+2
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+"%"
if (bar<99)
{setTimeout("count()",100);}
else
{window.location = "跳轉頁面路徑";}
}
</script>
</p>
<p>
<font color="#808080" size="2">網站名稱 &copy; 2007 All Rights Reserved.</font></p>
</td>
</form>
</tr>
</table>
</body>
</html>

香腸炒魷魚

Main Menu

超酷跳轉網頁語法～