網頁轉址方法

1. HTML 轉址方式

<meta http-equiv="refresh" content="5;url=http://tw.yahoo.com" />

其中的content=5，是指五秒後自動轉到 http://tw.yahoo.com/，可自行修改秒數

2.1 JavaScript 轉址方式1

<script language="JavaScript">
location.href= ("http://tw.yahoo.com");
</script>"

2.2 JavaScript 轉址方式2

<script type="text/javascript">
//設定倒數秒數
var t = 10;
//顯示倒數秒收
function showTime()
{
t -= 1;
document.getElementById('div1').innerHTML= t;

if(t==0)
{
location.href='http://tw.yahoo.com';
}

//每秒執行一次,showTime()
setTimeout("showTime()",1000);
}
//執行showTime()
showTime();
</script>

3. PHP 轉址方式

<?php
 header ("Location:  http://tw.yahoo.com");
?>

4. JSP 轉址方式

<%
response.sendRedirect("tw.yahoo.com");
%>

分享

jQuery 網頁表格圓角

近在做網頁，想把表格的四個邊用成圓角，以往這個動作都需要用表格背景圖片來達成，不過我無意間接觸到 jQuery ，它其實就是以 JavaScript 為基礎所開發出來的函式庫，網路上有許多好用的 jQuery Plugin，而 CurvyCorners 可以做出網頁表格圓角的效果

jQuery Plugin 名稱：CurvyCorners
最新版本：2.0.4
軟體下載：http://www.curvycorners.net/downloads/


1. 首先解壓縮之後，載入 curvycorners.src.js

<script type="text/JavaScript" src="curvycorners.src.js"></script>

2. 再來設定表格的外觀

<style>
#myBox {
    margin: 0.5in auto;
    color: #666;
    width: 10%;
    padding: 20px;
    text-align: left;
    background-color: #FFC;
    border: 3px solid #000000;
}
</style>

3. 接下來設定每個邊框的角度，有四個邊可以設定，分別是
tl: { radius: 20 }
tr: { radius: 20 }
bl: { radius: 20 }
br: { radius: 20 }
只要經由改變後面的數字，便可以使圓角的度度變大或變小

<script type="text/JavaScript">
addEvent(window, 'load', initCorners);
function initCorners() {
  var settings = {
   tl: { radius: 20 },
   tr: { radius: 20 },
   bl: { radius: 20 },
   br: { radius: 20 },
   antiAlias: true
  }  
  curvyCorners(settings, "#myBox");
  }
</script>

4. 接下來在 HTML 的 Body 中，插入一個叫做 myBox 的 DIV

<div id="myBox">
 <p>test1</p>
 <p>test2</p>
 <p>test3</p>
</div>

最後的呈現結果就如下面所示

分享

安裝程式時出現亂碼

有時候，在安裝程式時會出現亂碼，有可能是因為裝了微軟的 AppLocale 的關係，我們只要到 C:\WINDOWS\AppPatch 資料夾下，找到 AppLoc.tmp 這個檔案，並將他刪除，就可以解決亂碼的情況發生。

但是總不能每次都執行同樣的動作，所以網路上就有人修改了 AppLocale，修正過的版本就不會有上述的問題，修正過的 AppLocale 請參考此網站

分享