2009年7月16日 星期四

金瓜寮露營


今天要去坪林的金瓜寮露營區了,行前拍一下咱們的小黑、小紅跟小白。

到了目的地了,小黑跟小紅你們終於可以下車囉~~

大夥開始整理行李然後要搭帳蓬

============腳踏車劇場============

小黑:旁邊這兩隻小白是幹嘛的?
小紅:他們是我們的夥伴啊!
小黑:喔?那他們是哪裡人?
小紅:看他們的膚色就知道是白人啊!
小黑:那我不就是黑人(車)...那妳是....
小紅:我只是害羞臉紅啦...

=============全文完==============


這就是我們搭好的帳蓬, 最左邊那頂是陳軍霖他們的,我們的是中間跟右邊的,
還有大帆布幫我們遮陽,算是不錯了。

2009年7月1日 星期三

將顯示的物件放在畫面正中央

function getPageSize() {
  //個函數的具體作用是獲得網頁的高度和寬度,
  //如果網頁沒有窗口可見區域高的時候則取窗口的可見區域高度和寬度。
  //返回值為一個對像,
  //例如 { width:123, height:345}。
  //幾乎兼容所有的瀏覽器
  var re = {};
  if (document.documentElement &&
       document.documentElement.clientHeight) {
    var doc = document.documentElement;
    re.width = (doc.clientWidth>doc.scrollWidth)?
      doc.clientWidth-1:doc.scrollWidth;
    re.height = (doc.clientHeight>doc.scrollHeight)?
      doc.clientHeight:doc.scrollHeight;
  } else {
    var doc = document.body;
    re.width = (window.innerWidth>doc.scrollWidth)?
      window.innerWidth:doc.scrollWidth;
    re.height = (window.innerHeight>doc.scrollHeight)?
      window.innerHeight:doc.scrollHeight;
  }
  return re;
}










var obj = document.getElementById("物件ID");
obj.style.display = "";
var cH = document.documentElement.clientHeight;
var cW = document.documentElement.clientWidth;
var sT = document.documentElement.scrollTop;
var sL = document.documentElement.scrollLeft;

obj.style.pixelTop = (cH -obj.offsetHeight)/2 + sT;
obj.style.pixelLeft = (cW -obj.offsetWidth)/2 + sL;
下面是各個的說明
obj.style.pixelLeft:設定物件x的矩離
obj.style.pixelTop:設定物件y的矩離
obj.offsetWidth:物件寬度
obj.offsetHeight:物件高度
document.documentElement.clientWidth:視窗寬度
document.documentElement.clientHeight:視窗高度
document.documentElement.scrollLeft:捲軸水平移動矩離
document.documentElement.scrollTop:捲軸垂直移動矩離