From dcd12f758d7d0678b4c8a616f4fe52aa995d1cb0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=96=9B=E5=BF=97=E8=B6=85?= <bin.bin.1022@163.cim>
Date: Mon, 3 Dec 2012 20:29:19 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E8=96=9B=E5=BF=97=E8=B6=85=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../wowotuan/24xiaoshi.png                          | Bin
 .../{xuezhichao => zhichao_xue}/wowotuan/360.png    | Bin
 .../{xuezhichao => zhichao_xue}/wowotuan/QQ.jpg     | Bin
 .../{xuezhichao => zhichao_xue}/wowotuan/QQ.png     | Bin
 .../{xuezhichao => zhichao_xue}/wowotuan/baidu.jpg  | Bin
 .../{xuezhichao => zhichao_xue}/wowotuan/baidu.png  | Bin
 .../wowotuan/bumanyijiutuikuan.png                  | Bin
 .../wowotuan/dianzishangwu.png                      | Bin
 .../{xuezhichao => zhichao_xue}/wowotuan/douban.png | Bin
 .../wowotuan/jingyingxingwangzhan.png               | Bin
 .../wowotuan/kexinwangzhan.png                      | Bin
 .../{xuezhichao => zhichao_xue}/wowotuan/shouji.png | Bin
 .../wowotuan/tuan800.png                            | Bin
 .../wowotuan/wangshangjiaoyibaozhangzhongxin.png    | Bin
 .../wowotuan/wangxinrenzheng.png                    | Bin
 .../wowotuan/wowotuan.css                           |   0
 .../wowotuan/wowotuan.html                          |   0
 .../wowotuan/wowotuan.jpg                           | Bin
 .../wowotuan/woyantiwen.png                         | Bin
 .../wowotuan/xinlang.jpg                            | Bin
 .../wowotuan/xinlang.png                            | Bin
 .../wowotuan/zhifubao.png                           | Bin
 .../wowotuan/zhifubao1.png                          | Bin
 23 files changed, 0 insertions(+), 0 deletions(-)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/24xiaoshi.png (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/360.png (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/QQ.jpg (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/QQ.png (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/baidu.jpg (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/baidu.png (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/bumanyijiutuikuan.png (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/dianzishangwu.png (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/douban.png (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/jingyingxingwangzhan.png (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/kexinwangzhan.png (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/shouji.png (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/tuan800.png (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/wangshangjiaoyibaozhangzhongxin.png (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/wangxinrenzheng.png (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/wowotuan.css (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/wowotuan.html (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/wowotuan.jpg (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/woyantiwen.png (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/xinlang.jpg (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/xinlang.png (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/zhifubao.png (100%)
 rename 2012-Autumn-Homework/{xuezhichao => zhichao_xue}/wowotuan/zhifubao1.png (100%)

diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/24xiaoshi.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/24xiaoshi.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/24xiaoshi.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/24xiaoshi.png
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/360.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/360.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/360.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/360.png
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/QQ.jpg b/2012-Autumn-Homework/zhichao_xue/wowotuan/QQ.jpg
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/QQ.jpg
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/QQ.jpg
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/QQ.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/QQ.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/QQ.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/QQ.png
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/baidu.jpg b/2012-Autumn-Homework/zhichao_xue/wowotuan/baidu.jpg
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/baidu.jpg
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/baidu.jpg
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/baidu.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/baidu.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/baidu.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/baidu.png
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/bumanyijiutuikuan.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/bumanyijiutuikuan.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/bumanyijiutuikuan.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/bumanyijiutuikuan.png
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/dianzishangwu.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/dianzishangwu.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/dianzishangwu.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/dianzishangwu.png
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/douban.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/douban.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/douban.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/douban.png
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/jingyingxingwangzhan.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/jingyingxingwangzhan.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/jingyingxingwangzhan.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/jingyingxingwangzhan.png
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/kexinwangzhan.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/kexinwangzhan.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/kexinwangzhan.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/kexinwangzhan.png
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/shouji.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/shouji.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/shouji.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/shouji.png
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/tuan800.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/tuan800.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/tuan800.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/tuan800.png
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/wangshangjiaoyibaozhangzhongxin.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/wangshangjiaoyibaozhangzhongxin.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/wangshangjiaoyibaozhangzhongxin.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/wangshangjiaoyibaozhangzhongxin.png
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/wangxinrenzheng.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/wangxinrenzheng.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/wangxinrenzheng.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/wangxinrenzheng.png
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/wowotuan.css b/2012-Autumn-Homework/zhichao_xue/wowotuan/wowotuan.css
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/wowotuan.css
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/wowotuan.css
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/wowotuan.html b/2012-Autumn-Homework/zhichao_xue/wowotuan/wowotuan.html
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/wowotuan.html
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/wowotuan.html
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/wowotuan.jpg b/2012-Autumn-Homework/zhichao_xue/wowotuan/wowotuan.jpg
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/wowotuan.jpg
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/wowotuan.jpg
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/woyantiwen.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/woyantiwen.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/woyantiwen.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/woyantiwen.png
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/xinlang.jpg b/2012-Autumn-Homework/zhichao_xue/wowotuan/xinlang.jpg
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/xinlang.jpg
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/xinlang.jpg
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/xinlang.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/xinlang.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/xinlang.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/xinlang.png
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/zhifubao.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/zhifubao.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/zhifubao.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/zhifubao.png
diff --git a/2012-Autumn-Homework/xuezhichao/wowotuan/zhifubao1.png b/2012-Autumn-Homework/zhichao_xue/wowotuan/zhifubao1.png
similarity index 100%
rename from 2012-Autumn-Homework/xuezhichao/wowotuan/zhifubao1.png
rename to 2012-Autumn-Homework/zhichao_xue/wowotuan/zhifubao1.png

From 3ad556dce6bceb9a378f4fb3e6b58fa3b6c1c302 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=96=9B=E5=BF=97=E8=B6=85?= <bin.bin.1022@163.cim>
Date: Sat, 15 Dec 2012 14:01:24 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E8=96=9B=E5=BF=97=E8=B6=85=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4=E7=AC=AC=E4=B8=89=E6=AC=A1=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

点击导航功能
---
 .../zhangguodong/images/error.gif             | Bin 0 -> 1438 bytes
 .../KaixinDivCssLayout/zhangguodong/kaixin.js | 108 +++++++
 .../zhangguodong/kaixinCSS.html               |  12 +-
 .../zhangguodong/validate.css                 |  24 ++
 2012-Autumn-Homework/xuezhichao/error.gif     | Bin 0 -> 1438 bytes
 2012-Autumn-Homework/xuezhichao/image/1.png   | Bin 0 -> 3802 bytes
 2012-Autumn-Homework/xuezhichao/image/110.png | Bin 0 -> 323 bytes
 2012-Autumn-Homework/xuezhichao/image/2.png   | Bin 0 -> 2332 bytes
 2012-Autumn-Homework/xuezhichao/image/3.png   | Bin 0 -> 3489 bytes
 2012-Autumn-Homework/xuezhichao/image/4.png   | Bin 0 -> 2800 bytes
 2012-Autumn-Homework/xuezhichao/image/6.png   | Bin 0 -> 4524 bytes
 .../xuezhichao/image/error.gif                | Bin 0 -> 1438 bytes
 2012-Autumn-Homework/xuezhichao/kaixin.css    | 113 +++++++
 2012-Autumn-Homework/xuezhichao/kaixin.html   | 281 ++++++++++++++++++
 2012-Autumn-Homework/xuezhichao/kaixin.js     | 112 +++++++
 2012-Autumn-Homework/xuezhichao/validate.css  |  71 +++++
 .../zhichao_xue/wowotuan/image/error.gif      | Bin 0 -> 1438 bytes
 .../zhichao_xue/wowotuan/kaixin.js            | 108 +++++++
 .../zhichao_xue/wowotuan/validate.css         |  27 ++
 .../zhichao_xue/wowotuan/wowotuan.html        |   7 +-
 20 files changed, 855 insertions(+), 8 deletions(-)
 create mode 100644 2012-Autumn-Homework/KaixinDivCssLayout/zhangguodong/images/error.gif
 create mode 100644 2012-Autumn-Homework/KaixinDivCssLayout/zhangguodong/kaixin.js
 create mode 100644 2012-Autumn-Homework/KaixinDivCssLayout/zhangguodong/validate.css
 create mode 100644 2012-Autumn-Homework/xuezhichao/error.gif
 create mode 100644 2012-Autumn-Homework/xuezhichao/image/1.png
 create mode 100644 2012-Autumn-Homework/xuezhichao/image/110.png
 create mode 100644 2012-Autumn-Homework/xuezhichao/image/2.png
 create mode 100644 2012-Autumn-Homework/xuezhichao/image/3.png
 create mode 100644 2012-Autumn-Homework/xuezhichao/image/4.png
 create mode 100644 2012-Autumn-Homework/xuezhichao/image/6.png
 create mode 100644 2012-Autumn-Homework/xuezhichao/image/error.gif
 create mode 100644 2012-Autumn-Homework/xuezhichao/kaixin.css
 create mode 100644 2012-Autumn-Homework/xuezhichao/kaixin.html
 create mode 100644 2012-Autumn-Homework/xuezhichao/kaixin.js
 create mode 100644 2012-Autumn-Homework/xuezhichao/validate.css
 create mode 100644 2012-Autumn-Homework/zhichao_xue/wowotuan/image/error.gif
 create mode 100644 2012-Autumn-Homework/zhichao_xue/wowotuan/kaixin.js
 create mode 100644 2012-Autumn-Homework/zhichao_xue/wowotuan/validate.css

diff --git a/2012-Autumn-Homework/KaixinDivCssLayout/zhangguodong/images/error.gif b/2012-Autumn-Homework/KaixinDivCssLayout/zhangguodong/images/error.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7b1949006bf6ee094ba88969d88e7d09582f6c63
GIT binary patch
literal 1438
zcmZ?wbhEHb<YSOvxN6VvIydThM)-%y_#ayqK1~k&T$}J~&x$uq+24B0KCPU0*w^Gu
zLG+JBov*uVKQEj3aa!}ExZw9?vFDO~-xbFk54F2f5cTW8=Eud+my-j(ZCY|E-s?$v
z%#XI*yS4dmCv|>Vx8zK;%h#67Z=KoCC$>K8sCd<0`?#g_X<zf><+GmW#J-tS|1v-R
z;gabem(F}Uf9kshQ$Nh_d%b?qubY=YY+3PZO3l56Q{T+!d{q|vvNq%6+zIch6Ti%C
zc~G42r7`*4yLU6^l`H<|j_?goa7ipl1kyJ46$OdO*{LN8NvY|XdA3ULckfqH$V{<S
z3ODsN@GWpo&B*kqDoPEm@(W3>%1*XSQL?vFu&J=B$SufCElE_U$j!+swyLmIN=(U5
zO0@#ALBje<3ScEA*|tiKAPEJKozD41sS2ig2D-@xW(EpohI)p^Cg$emItoSxh6efu
zM*4<Ex`yUf#zs~K1`1H11hlOvCCw_x#SLl~kY}ruQBqQ1rLSLJUanVete0Puu5V~*
zX$dmJ$VeBcLbtdwuOzWTH?LS3W`av<adJ^+K}lwQo&w0k#H9Sv5?dvpOCes!Er1)F
zSF8v2j$U$pu6{*gfxe-h0mw@*g}%P{mFDKcRTq~8r6Sym)!^cg%7Rq=pw#00(xT*4
zpmJr9RRvbgMX8A;`9&f5`8lvq49LhY$uG{xFHmp}HdP4E%uC5HF9xgj^|kWMD=taQ
zOHTE4u~h=<*UQXIv2rmnG_`PZwlp$xHZwGIHFPvLcX2Z|Fm!WrG<Gp@HizkT$xklL
zP0cHT=}kfCb;PL`ln`<YfHu3N7G;*DrnnX5=PH0bY?X=IE#^4QgX&Ge?G_81di8;h
z(Fa8<QZ&PafN2NBgeO`c2cGOx^MGl+2$-lD|Nr~@=l8FlKfZta`sMSdk00K@d;8|~
ztCugHKYRM*@uP<i?%%t6=k~3eH?Cj1dgbz^ix<wHJA3Bzsgoy;A3J*F@S%eT_V3%f
zXZNn1JGO7zx@GgGjT_dlTf1iUs+B92FI&1~@uGzb=FgiuXZEa_Gp0|QI%V>ti4*$!
zdV9LNIy>6iT3ec%8XM~CYHO;iDl5v%N=u513Jdb{a&xk?GBeWCQd5$X5)<O%Vq>DC
zA|t}XLPLUs0t5X0e0{vVJU!gqTwR=<93AZKY;CNqEG^8<Oihf9fEh|pS4Ue*Q$t-%
zRYh4zQ9)i#Rz_M%QbJrzR76-vP=KG0mxr5+lY^a&m4%s!k%2++Ckv3YXV75)0#Iqk
zz_#$f`~nXhss0m7iaNJkuuyDy+F@bA#?1aM;E4?n&%}<zfY`Q<{PoX2i*mIcyIEwg
z=B8bvg3*d20(?BS`MH9^-27&uR?Ld5Rk_>@4BDIu=FGO$!bWxsjEtJPBJ2j%?F^Rk
zj4Uj?%0k9Al9L&8*9ve-=-7*@NUo8S6WA#$;w+^m&nqph$|=j`DkPz-uct0`+)YD>
Ri%Y@O=kb%L&s-cCtN~t*B)k9s

literal 0
HcmV?d00001

diff --git a/2012-Autumn-Homework/KaixinDivCssLayout/zhangguodong/kaixin.js b/2012-Autumn-Homework/KaixinDivCssLayout/zhangguodong/kaixin.js
new file mode 100644
index 0000000..de217d3
--- /dev/null
+++ b/2012-Autumn-Homework/KaixinDivCssLayout/zhangguodong/kaixin.js
@@ -0,0 +1,108 @@
+window.addEvent =function(element,event,fn){
+  if(element.addEventListener)
+  {
+	  element.addEventListener(event,fn,false);
+	  
+  }
+  else if(element.attachEvent){
+     element.attachEvent("on"+event, function(){ fn.call(element) });
+     
+   }
+}
+function tip(title,isInfo,id)
+{
+  this.title=title;
+  this.isInfo=isInfo;
+  this.tipDom=document.getElementById(id);
+}
+tip.prototype=(function()
+{
+	//Éú³ÉºÏÊʵÄTipµÄÄÚ²¿º¯Êý
+    function genTip(tipDomObject,title,isInfo)
+	{
+	if(tipDomObject=="email")
+     tipDomObject.className="tipFormat";
+	else if(tipDomObject=="password")
+		tipDomObject.className="a";
+	else if(tipDomObject=="name")
+		tipDomObject="b";
+     if(isInfo===false)
+      tipDomObject.innerHTML="<img src='error.gif' /><span>"  + title + "</span>";
+	 else
+	  tipDomObject.innerHTML="<span>"+title+"</span>";
+	}
+	//Íõ»ª½Ü ²»ÄÜÔÚ´Ë´¦Ó¦ÓÃthis
+	//alert(this.title+" in closure");
+	return {
+        showTip:function()
+		{
+			genTip(this.tipDom,this.title,this.isInfo);
+            //alert(this.tipDom.innerHTML);
+			this.tipDom.style.display="block";
+		},
+		hideTip:function()
+		{
+            this.tipDom.style.display="none";
+		}
+	}
+})();
+
+
+
+function prepareTip()
+ {
+	var e=document.getElementById("email");
+	window.addEvent(e,'blur',blurFn);
+	window.addEvent(e,'focus',focusFn);
+	var n=document.getElementById("name");
+	window.addEvent(n,'blur',blurFn);
+	window.addEvent(n,'focus',focusFn);
+	var p=document.getElementById("password");
+	window.addEvent(p,'blur',blurFn);
+	window.addEvent(p,'focus',focusFn);
+ }
+ function blurFn()
+ {
+	var title;
+	switch(this.id)
+	{
+	  case "email":
+		   title="ÓÊÏä¸ñʽ²»¶Ô";
+		   break;
+	  case "password":
+		   title="ÃÜÂë²»¶Ô";
+		   break;
+	  case "name":
+		   title="ÐÕÃû²»·ûºÏÒªÇó";
+		   break;
+	}
+	var t=new tip(title,false,this.id+"tip");
+	//ÏȹرÕÔ­À´µÄinfo tip
+	t.hideTip();
+	//Èç¹ûÓдíÎóµÄʱºò¿ªÆô error tip
+	if(checkFormat(this))
+	t.showTip();
+ }
+ function checkFormat(o)
+ {
+	// o ÊÇÒª¼ì²é¸ñʽµÄdom¶ÔÏó
+	return true;
+ }
+ function focusFn()
+ {
+	var title;
+	switch(this.id)
+	{
+	  case "email":
+		   title="ÇëÊäÈëÓÊÏä";
+		   break;
+	  case "password":
+		   title="ÇëÊäÈëÃÜÂë";
+		   break;
+	  case "name":
+		   title="ÇëÊäÈëÐÕÃû";
+		   break;
+	}
+	var t=new tip(title,true,this.id+"tip");
+	t.showTip();
+ }
\ No newline at end of file
diff --git a/2012-Autumn-Homework/KaixinDivCssLayout/zhangguodong/kaixinCSS.html b/2012-Autumn-Homework/KaixinDivCssLayout/zhangguodong/kaixinCSS.html
index 7a3c890..7f7f5dd 100644
--- a/2012-Autumn-Homework/KaixinDivCssLayout/zhangguodong/kaixinCSS.html
+++ b/2012-Autumn-Homework/KaixinDivCssLayout/zhangguodong/kaixinCSS.html
@@ -6,9 +6,11 @@
     <meta name="Author" content="">
     <meta name="Keywords" content="">
     <meta name="Description" content="">
-    <link rel="stylesheet" href="css/main.css" type="text/css"></link>
+    <link rel="stylesheet" href="css/main.css" type="text/css">
+      <link href="validate.css" rel="stylesheet" type="text/css">
+    <script type="text/javascript" src="kaixin.js"></script>
 </head>
-<body>
+<body onload="prepareTip();">
     <form method="post">
     <div class="header">
         <div class="header_pic">
@@ -32,7 +34,7 @@ <h2>
                         <label class="ultit">
                             µç×ÓÓÊÏ䣺</label>
                         <div class="input">
-                            <input class="txt" type="text" name="txtemail" /></div>
+                            <input id="email" class="txt" type="text" name="txtemail" /><div id="emailtip"></div></div>
                         <div class="note">
                             Èç¹ûûÓÐÓÊÏ䣬Äã¿ÉÒÔÓÃ<a href="#">Õ˺Å×¢²á</a></div>
                     </li>
@@ -40,13 +42,13 @@ <h2>
                         <label class="ultit">
                             ´´½¨ÃÜÂ룺</label>
                         <div class="input">
-                            <input class="txt" type="password" name="txtpassword"></div>
+                            <input id="password" class="txt" type="password" name="txtpassword"><div id="passwordtip"></div></div>
                     </li>
                     <li>
                         <label class="ultit">
                             ÐÕ&nbsp&nbsp&nbsp&nbspÃû£º</label>
                         <div class="input">
-                            <input class="txt" type="text" name="txtname"></div>
+                            <input id="name" class="txt" type="text" name="txtname"><div id="nametip"></div></div>
                     </li>
                     <li>
                         <label class="ultit">
diff --git a/2012-Autumn-Homework/KaixinDivCssLayout/zhangguodong/validate.css b/2012-Autumn-Homework/KaixinDivCssLayout/zhangguodong/validate.css
new file mode 100644
index 0000000..e5a9224
--- /dev/null
+++ b/2012-Autumn-Homework/KaixinDivCssLayout/zhangguodong/validate.css
@@ -0,0 +1,24 @@
+.tipFormat {
+padding: 2px 6px;
+color: #333;
+background-color: #FFFFCD;
+border: 1px solid #DBDBDB;
+top: 0;
+width: 178px;
+}
+.a {
+padding: 2px 6px;
+color: #333;
+background-color: #FFFFCD;
+border: 1px solid #DBDBDB;
+top: 0;
+width: 178px;
+}
+.b {
+padding: 2px 6px;
+color: #333;
+background-color: #FFFFCD;
+border: 1px solid #DBDBDB;
+top: 0;
+width: 178px;
+}
\ No newline at end of file
diff --git a/2012-Autumn-Homework/xuezhichao/error.gif b/2012-Autumn-Homework/xuezhichao/error.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7b1949006bf6ee094ba88969d88e7d09582f6c63
GIT binary patch
literal 1438
zcmZ?wbhEHb<YSOvxN6VvIydThM)-%y_#ayqK1~k&T$}J~&x$uq+24B0KCPU0*w^Gu
zLG+JBov*uVKQEj3aa!}ExZw9?vFDO~-xbFk54F2f5cTW8=Eud+my-j(ZCY|E-s?$v
z%#XI*yS4dmCv|>Vx8zK;%h#67Z=KoCC$>K8sCd<0`?#g_X<zf><+GmW#J-tS|1v-R
z;gabem(F}Uf9kshQ$Nh_d%b?qubY=YY+3PZO3l56Q{T+!d{q|vvNq%6+zIch6Ti%C
zc~G42r7`*4yLU6^l`H<|j_?goa7ipl1kyJ46$OdO*{LN8NvY|XdA3ULckfqH$V{<S
z3ODsN@GWpo&B*kqDoPEm@(W3>%1*XSQL?vFu&J=B$SufCElE_U$j!+swyLmIN=(U5
zO0@#ALBje<3ScEA*|tiKAPEJKozD41sS2ig2D-@xW(EpohI)p^Cg$emItoSxh6efu
zM*4<Ex`yUf#zs~K1`1H11hlOvCCw_x#SLl~kY}ruQBqQ1rLSLJUanVete0Puu5V~*
zX$dmJ$VeBcLbtdwuOzWTH?LS3W`av<adJ^+K}lwQo&w0k#H9Sv5?dvpOCes!Er1)F
zSF8v2j$U$pu6{*gfxe-h0mw@*g}%P{mFDKcRTq~8r6Sym)!^cg%7Rq=pw#00(xT*4
zpmJr9RRvbgMX8A;`9&f5`8lvq49LhY$uG{xFHmp}HdP4E%uC5HF9xgj^|kWMD=taQ
zOHTE4u~h=<*UQXIv2rmnG_`PZwlp$xHZwGIHFPvLcX2Z|Fm!WrG<Gp@HizkT$xklL
zP0cHT=}kfCb;PL`ln`<YfHu3N7G;*DrnnX5=PH0bY?X=IE#^4QgX&Ge?G_81di8;h
z(Fa8<QZ&PafN2NBgeO`c2cGOx^MGl+2$-lD|Nr~@=l8FlKfZta`sMSdk00K@d;8|~
ztCugHKYRM*@uP<i?%%t6=k~3eH?Cj1dgbz^ix<wHJA3Bzsgoy;A3J*F@S%eT_V3%f
zXZNn1JGO7zx@GgGjT_dlTf1iUs+B92FI&1~@uGzb=FgiuXZEa_Gp0|QI%V>ti4*$!
zdV9LNIy>6iT3ec%8XM~CYHO;iDl5v%N=u513Jdb{a&xk?GBeWCQd5$X5)<O%Vq>DC
zA|t}XLPLUs0t5X0e0{vVJU!gqTwR=<93AZKY;CNqEG^8<Oihf9fEh|pS4Ue*Q$t-%
zRYh4zQ9)i#Rz_M%QbJrzR76-vP=KG0mxr5+lY^a&m4%s!k%2++Ckv3YXV75)0#Iqk
zz_#$f`~nXhss0m7iaNJkuuyDy+F@bA#?1aM;E4?n&%}<zfY`Q<{PoX2i*mIcyIEwg
z=B8bvg3*d20(?BS`MH9^-27&uR?Ld5Rk_>@4BDIu=FGO$!bWxsjEtJPBJ2j%?F^Rk
zj4Uj?%0k9Al9L&8*9ve-=-7*@NUo8S6WA#$;w+^m&nqph$|=j`DkPz-uct0`+)YD>
Ri%Y@O=kb%L&s-cCtN~t*B)k9s

literal 0
HcmV?d00001

diff --git a/2012-Autumn-Homework/xuezhichao/image/1.png b/2012-Autumn-Homework/xuezhichao/image/1.png
new file mode 100644
index 0000000000000000000000000000000000000000..7db11a0387417f814b1d60ae7359b48306941dc3
GIT binary patch
literal 3802
zcmV<04khu4P)<h;3K|Lk000e1NJLTq002S&002P<0ssI2>Z0Wl00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY4#WTe4#WYKD-Ig~01kRdL_t(&fz?`jbX3*3|Mq!IX6DQ*
zGvqZ1kPIXt5fPLSupnFotEtddq>BYs*3w(6OMzbSLhtRm6<56|)Z5<DDtc{Q)+)$d
z*D4R8SJ4o8Tth)#;gQ#bA(_1Aan6}DXXd>2{o^F#Fqwo*C_=wAE9>Mtdw<{WxA(Wd
zz0ckosj3Qp|3W36dU|_#j*}!w)3loiXk;M>!eB61ZMMAJ++;n{d*ia#OORyI`0*r3
zB7`u;HwovpMO9U=*K45Z2@@wKlt@+8p59(D5-FK92_bar#~48n0MOjr>~guXv$F@3
z0KjwH#F7#Kxb-;zfFAQ6k0%faB$N~Y=;Hxnj1U@)p&J@<qrsr6su+vQvYgORBa}{&
zZ)U(Gdl`WeO_9kZM@8dijd<PfX!_?GG;W2IH5xL+HS6CZGBTK9Y1~pAbQu9s`k=Z_
z4lK)_K6BynWp7(sdo0Qu&DN5V@x{fSs+o6~&F1T|JX|_WL*sflba!{Z{>Iylmzu(1
z4ggq|69vJ<FrpxsEf%}oHmmxsjT_dQOr|lrNGlm6++;~h^>@GfuLB1TVvM^xyF`&!
z6b%3<ir{$`0C=7a^mTb#8uxs-Z|%CLAN%2ow3e@#m(sc>67Lc+RC7)7cXX^=`H%be
ze~K|?SuWXuPA2(Zjtjr^;+ChMUenhf$jD0ywlp+G!+1Cooqqp@jhpl}LJ9|6D2f<L
zY4=C_)~?ympR}MD&i-hCjg)XlV}<AW4I4LwLM+Sjx<(X)lro9vO4itI)<d<mYu9WP
zMRD|Shm$lkhBJ{?|I+5ImoK;L&w5vsSClPzc=30?_mI_U7oq}15kgd$IjicK)z7S4
z^{CZq*ZC-l#+aEywY6Jc`R(Z44JTt9;<_9@Qh(-bBP7L=-EP~o<(Id4@&WLlzqR-2
zr=DdwzQj|yefzI+a&j<+an9`D{CWVl&S%$qJN{w8J@?F;JxZq|4e>ElR#o-D$NQQa
zFTr3SiGna|_RQNn`N3e|!w>f&1dEr{1OxsjfBaY|6#DG*!!c3#$up1JY!2Om9$GBN
zANY8mB*`#DM&BWsjg4e!ZEZb!t|^%V0C-BqBLsDIN8kPB3jo+*w*f%5Bm0flfB*7J
z|8d|ipDBncuP93x(L?L-krU?|E{qw;b<t>Q^6Fi|^Q<WH`j2BH01yg?xL`OG4jUO8
z01Aael~Zr4sabUL)LE>=Q|wR_(dKPFcmDkK&=~vJ@cG)?+nb7u%K<=9G>RfjCaeBx
z-rPCIjxN$E>GIeQS8yB`2n1rXcIAp+N3Yk?^BB*i=C_PwRK1ZlM*SUEvYqb4RG=st
z&$IjYf7%mZCrmDV^Uc@3b$9i_Pimbm_pbLp>g(@!xm;ysWd{!)>h11KFxUSwW~QUv
z7YGK&OyjyT)m4TlLQ%Bl#!JsWwfdi*Thrn1eEs#eysb@)nK^yx<k~eG@4mYl0Cw*D
zKyQ@f-k>PLccm*9je^tpjnd%v>^}4H2QVZy0Kn(#@NVB^Eo)o508d`6CnX2NA3JmT
zMCU1Wwo}{RPb-R+QY(D!Sl?GC3yX@rQ5wRD6H{Ya*hu#c;-Dy^rc7RX2dbLmLvE+$
zECT@2SfIwb0DuT~+-s6z`S9H+_cMS!b+%n+mCJILUN>8cJ(6Yc?t6Q3^*l@7SUO}Z
znd<bZv&Xv6FVAy6VKpR_zh9<oUMfy2r;yvJIg3bR0ck9_sv3$IRF26aEm`D>`-S&b
zM{CMtAu8l((p(B=*ev1tR<WaP40vE{y@5I|+mAMM=jPu@$loXM5d}hEbl6D*U{JYW
zi{zXP7&<g(5daXu4getdfGQdRzRtGYoC82%%*+!EOqA0st8O?AcVW><+Ef4#h$|bX
zPg>9yebLwZ<ZJMwIZUNHu)C*d#oVqOCp|7N005fR1)V_+5CAmCNv=Js(TghGffxRg
z6%z3Kc8!==9B66*fC8r@+iv~lXmt8J3bO5no-P2mBB3c5|F+P1nu}~XNpQ6$4E_&~
zTQ}ULx@Q;)Z2~|q0C4SDjb8OYhx15tKL8XPZI4^&Mb4N+*?9n`D+fhFhXkx%Y<*~Q
z*)`mcKqF;l7&=iTG>wgotG8~qg!|S5I9)jaz_R@WzyovU&*=7bv9@=#H~?(BV2GXM
zZyy}5Eu0~X?Xxr7N(()|Fn6{Vf;@NVN`Q|?0LEE`*cTdoM3Fvwe)FWs#Z#tC83D1r
zQ=S4av)&Lzaoe`--CceF`V#^#ps4%+Ymo?(Nmjc2IsVq-ym5;PJ-vjz=lt1omFf&;
zy1)5iuRAnNaN5J*z+r3o)JS6k=7Y#$b-HM!Nv68{o9vc9_<H*Y190rNZQEac^*=|s
z4Le2}AN+ZD{r`Pswc2@}eK#Vj*1&@;QV_sn$#*CL0YK>K2LN+~FBXC&9ZsC*8?S|+
z18^QjIE?uq9}Xdl75E?k@RX~A?vqTWKWgzl!T<nPtNr+wr;Z#wK5uSyM!+&ixRFR?
z*ZUut7)BHaKJ=_rtH!<jij-Gy38An+CQ62p0|3BcMFNNUAOIj?;DaRb;Oh*X=U8^`
zRCWEo5`|NRr~m*w&zcx!=Z+nJgRj5gq^|C0cW0+42>R5^n3+4L-(K~|GUfhxUBPf|
zh;5AGewD<GjgIuB)WwW#urc^xKt2^Sd#k3n*F9IcZgcg050qDwCrXNfaQw?teSLiy
z(a0dE_U}J{F^D3sFCwf~yWNou097J!%IN?AUl4p6eAU=FQN{pfXzO!jQKpCqcv0kh
zfw&^&O%h98bV-F{?vhy(3kr*h`r{-3jB{o)W=4n#jG5ti)@rqX^6BS~u3UaYXw=ny
zVKiEjcQ@E@7yx>E`byb|tH9{97vcbmT=w?r8IHM2Y@wc@bQT$=0RRFpWapLGOu6~v
znOuj#kcAN9g&3{IWYP#%Z#ak|f1%+#9`$)kW;7H<)4KwawrcbvA7mgQ!rKw4$+A;s
zZKfR0yxAm4%4jK)WesVFGG?Kxw$k+IkIEXzQ2;QRth!CTPkdLpMh`4A8p(VBfah5N
zj6_B2y#fF@uh0&F1XUjf8buojL;^ro)=&!=V@Z<4xFpF~G@1K@q3)he#>|WXj4qii
z4Rr!DXH}J!Pib#&^7-1^O%5V=0!P!R$B%ma5aCgeKY>+Il;KQC3I+gKmMM<y?(_!(
z{*|j%=H|Qgx8)V(8BHA-(9nHMzw@q_H$Pufvj`z{{(M8cryD<1lXu%R-cgM63iV%(
z$73WALWrW$Z*@naaWO81qbg0)-EEBx4NdnhT=LwyXMg<EDu!W%sBq`>+eZ%!G775Y
z%O7rNIQRVXKg-L@z3;wxcU3Lev-{(kng?euTyiNpukge%DG&gFo>{Ys7cIua91$fr
zL}g7sgZ#X<&fD7b(w1MC&E`i}F6Y?D(W75}=R4odhz3$s^}>Y<rKP0^p@i4r)>O&a
z<K6e(|Cf#bcF+9z8(#QDVUZgEj3x>IoHWvxJ({MGB$;d>jzJa&I7l)EfQI9TH~swI
ztEy*g-nzwMF(yhTybNs!-MFHtUT<q<Wu>mnY-}VOeW1E>{(|{+hYs!f!)pRB$g!xz
z@mfq4WAS)A4gdr}==;j5s>+HYNfIBC0+Co$)`X}80AY^XvGaej!hOr`%}H=b3;mih
z#*bL7<r6rw{@35vw(`bz-q~qnY%3mr63hmki()eg00v1V2|`V}eiDvK03bvqnx+}E
zp*O&8-SqSD*`vQ&%FSeU^c{=jOj!@koU!2<BaNorKP{_N(adjeC@>h`_;S~KJ6dDp
z6F+#kbV6P@s$X?b4fH^x>hYtG1jcNjjpj=y>$h)zQ|mbQPph(KE-V26@{3o`^yl2M
zWc`h$k#Zk~<rKs8A0gU4uJqidb?Q9_;jO*@z4grTng<u&|Gi~2O~YWr>*ZxxrfHh7
zG8dZK-umCVoFlKe0YAP{s;r)&6}SPwm`BD=ybX)jK~h9zJd0-<j$|wtQ|f^SBG`cd
z7FEZJY{FmbqRsVPn~v2}#T5%H+{MM7<SJkId;E2uIU}d<RfCn~!RfPesa#dXezFU+
z0=G5S1#sQlZF+J@Ztt{9WnD><q-u0R?O%zUEW$catfGP}bCGOQi#ON;(*6qvT(A0>
z?21|W?xMzvjUK9{R1Mwl?gs`uPH@~|AJ|^#3}R~l`_J{Yv=_rqlAR8{52d&D;Q85A
zXK}*@RoYusx>8kDQ`L)m_r5*9q#ikBf;2N(BmnTy008ZALfb_d0Ol=w;;~1T@&+Ro
zf?xgVwP3?uj}t6Ghyd^%Q2=1FNFlDO0ofabZs(fu5C0%rlPQ`;8p<>}Qs<3pb_f6f
z)(}=99;@B|n@F>m6W!C<Q_2f1R%S9Uv^b|O27m?6{M2AH(G&>)vMPx}%y+o%N<+Qe
zb`b!0p#=cSJ-D-{lrE{5FtvKx-E%a1HX=wEKEjiyHC5G;=Z%qQjKpN{m8vSThDbzE
zNYyY91fgI=B23eC%Iz$ysc{tm14$4RQb~k)iec0^CNaPOJ^~LrkEN`RQ)rBRD_XZp
zQS_h*LWiJlBx;(L(x`}}OkdCG1O~8R83+RXEiQGWvQPD$`Gk5S<eI3iqLDU)ZaR|`
z03#h?CJxopemdSnCPO(4ZnvdNxQUcJSSW*|@f#!wNJB9URSwV?IwD6#eB=0x@UZ|%
zvze-@$$%*UFc=JBmd$oJMxSkOoQ&W!IZ`-|GbMfHQvhJK*?5j)%w~$BF~%ta;a0fi
zrb9|ZlPE@m!Qg}m6TU8>Pg0$ooxxzx>2z8w7K0(}UdGM2xQ@_Oxm1$kkw_#Q4m%tU
zx7+=7vBX@<aa?b2uPn>A^4(~XBx#z?&(F75EXn%6gG=e7k+EO4xTWO(0Z67kaY$H<
Qy8r+H07*qoM6N<$f~W2_hX4Qo

literal 0
HcmV?d00001

diff --git a/2012-Autumn-Homework/xuezhichao/image/110.png b/2012-Autumn-Homework/xuezhichao/image/110.png
new file mode 100644
index 0000000000000000000000000000000000000000..b55248736c80044bfc54fce3af6f8022514eba5a
GIT binary patch
literal 323
zcmeAS@N?(olHy`uVBq!ia0vp^Q-N57g9%7->%2$>Qfx`y?k)`fL2$v|<&%LToCO|{
z#S9F5M?jcysy3fAQ1G#*i(^Pe<J+6|T+Id|Y#-7Ki;6yQ^~vcyFx=z$U*~P03QG~|
z!LzzsofVGUa^hK1+xXu6=pJ<zJEe&tuXhQhtlo1+?tdKf5$z5Ce+W3q)Gqbe$k$=U
z<6KdE|NDvlxv7y(w^prES`_@~s6*6^`ZqFG6BX>sCdA(Zq8`Jt3npjxS@}->-|^?h
z%;z`xwp`1-{Y!Q2*45WaeJ$#ZQf$05&DT%)<XtB8bK~bblY)dMPWhC3&+PH<lYOU;
zNggk>&s4N8+voaK@KZATfBwqD|4v6=FMW7+$NyxNNB`Da#J|^^#<c$<({szlZHpdi
R%mjLu!PC{xWt~$(698Cki@N{-

literal 0
HcmV?d00001

diff --git a/2012-Autumn-Homework/xuezhichao/image/2.png b/2012-Autumn-Homework/xuezhichao/image/2.png
new file mode 100644
index 0000000000000000000000000000000000000000..599364cbdb3b4ec0beaebf1df535abbd66cb7e7a
GIT binary patch
literal 2332
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
CA!}6t

literal 0
HcmV?d00001

diff --git a/2012-Autumn-Homework/xuezhichao/image/3.png b/2012-Autumn-Homework/xuezhichao/image/3.png
new file mode 100644
index 0000000000000000000000000000000000000000..3ab343035543f9df2fcb7632bfb87b508bfbcce5
GIT binary patch
literal 3489
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
P00000NkvXXu0mjf@;vJx

literal 0
HcmV?d00001

diff --git a/2012-Autumn-Homework/xuezhichao/image/4.png b/2012-Autumn-Homework/xuezhichao/image/4.png
new file mode 100644
index 0000000000000000000000000000000000000000..b66486f08052c07ab09af5f9b3dfe398f1987809
GIT binary patch
literal 2800
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
C&`L7^

literal 0
HcmV?d00001

diff --git a/2012-Autumn-Homework/xuezhichao/image/6.png b/2012-Autumn-Homework/xuezhichao/image/6.png
new file mode 100644
index 0000000000000000000000000000000000000000..b9c69327e19eef35da8d3ada5f75207697440e02
GIT binary patch
literal 4524
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
KMNUMnLSTYA$-_wi

literal 0
HcmV?d00001

diff --git a/2012-Autumn-Homework/xuezhichao/image/error.gif b/2012-Autumn-Homework/xuezhichao/image/error.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7b1949006bf6ee094ba88969d88e7d09582f6c63
GIT binary patch
literal 1438
zcmZ?wbhEHb<YSOvxN6VvIydThM)-%y_#ayqK1~k&T$}J~&x$uq+24B0KCPU0*w^Gu
zLG+JBov*uVKQEj3aa!}ExZw9?vFDO~-xbFk54F2f5cTW8=Eud+my-j(ZCY|E-s?$v
z%#XI*yS4dmCv|>Vx8zK;%h#67Z=KoCC$>K8sCd<0`?#g_X<zf><+GmW#J-tS|1v-R
z;gabem(F}Uf9kshQ$Nh_d%b?qubY=YY+3PZO3l56Q{T+!d{q|vvNq%6+zIch6Ti%C
zc~G42r7`*4yLU6^l`H<|j_?goa7ipl1kyJ46$OdO*{LN8NvY|XdA3ULckfqH$V{<S
z3ODsN@GWpo&B*kqDoPEm@(W3>%1*XSQL?vFu&J=B$SufCElE_U$j!+swyLmIN=(U5
zO0@#ALBje<3ScEA*|tiKAPEJKozD41sS2ig2D-@xW(EpohI)p^Cg$emItoSxh6efu
zM*4<Ex`yUf#zs~K1`1H11hlOvCCw_x#SLl~kY}ruQBqQ1rLSLJUanVete0Puu5V~*
zX$dmJ$VeBcLbtdwuOzWTH?LS3W`av<adJ^+K}lwQo&w0k#H9Sv5?dvpOCes!Er1)F
zSF8v2j$U$pu6{*gfxe-h0mw@*g}%P{mFDKcRTq~8r6Sym)!^cg%7Rq=pw#00(xT*4
zpmJr9RRvbgMX8A;`9&f5`8lvq49LhY$uG{xFHmp}HdP4E%uC5HF9xgj^|kWMD=taQ
zOHTE4u~h=<*UQXIv2rmnG_`PZwlp$xHZwGIHFPvLcX2Z|Fm!WrG<Gp@HizkT$xklL
zP0cHT=}kfCb;PL`ln`<YfHu3N7G;*DrnnX5=PH0bY?X=IE#^4QgX&Ge?G_81di8;h
z(Fa8<QZ&PafN2NBgeO`c2cGOx^MGl+2$-lD|Nr~@=l8FlKfZta`sMSdk00K@d;8|~
ztCugHKYRM*@uP<i?%%t6=k~3eH?Cj1dgbz^ix<wHJA3Bzsgoy;A3J*F@S%eT_V3%f
zXZNn1JGO7zx@GgGjT_dlTf1iUs+B92FI&1~@uGzb=FgiuXZEa_Gp0|QI%V>ti4*$!
zdV9LNIy>6iT3ec%8XM~CYHO;iDl5v%N=u513Jdb{a&xk?GBeWCQd5$X5)<O%Vq>DC
zA|t}XLPLUs0t5X0e0{vVJU!gqTwR=<93AZKY;CNqEG^8<Oihf9fEh|pS4Ue*Q$t-%
zRYh4zQ9)i#Rz_M%QbJrzR76-vP=KG0mxr5+lY^a&m4%s!k%2++Ckv3YXV75)0#Iqk
zz_#$f`~nXhss0m7iaNJkuuyDy+F@bA#?1aM;E4?n&%}<zfY`Q<{PoX2i*mIcyIEwg
z=B8bvg3*d20(?BS`MH9^-27&uR?Ld5Rk_>@4BDIu=FGO$!bWxsjEtJPBJ2j%?F^Rk
zj4Uj?%0k9Al9L&8*9ve-=-7*@NUo8S6WA#$;w+^m&nqph$|=j`DkPz-uct0`+)YD>
Ri%Y@O=kb%L&s-cCtN~t*B)k9s

literal 0
HcmV?d00001

diff --git a/2012-Autumn-Homework/xuezhichao/kaixin.css b/2012-Autumn-Homework/xuezhichao/kaixin.css
new file mode 100644
index 0000000..4a0bed4
--- /dev/null
+++ b/2012-Autumn-Homework/xuezhichao/kaixin.css
@@ -0,0 +1,113 @@
+
+*{padding: 0; margin: 0 auto; }
+ body
+ {  
+    font-size: 0.8em;
+	font-family: ËÎÌå;
+    font-weight: normal;
+    
+ }
+
+#header
+ {
+    margin: auto;
+	background-color:#dd3943;
+	height: 40px;
+	width:100%;
+
+ }
+
+h1 
+{
+   font-size: 1.6em;
+   font-family: Ó×Ô²;
+   font-weight: bolder;
+}
+
+h2 
+{
+   font-size: 1.1em;
+   font-family: ËÎÌå;
+   font-weight: bold;
+}
+
+h3
+{
+   font-size: 1.6em;
+   font-family: Ó×Ô²;
+   font-weight: bold;
+   color: #DC143C;
+}
+
+.pic1
+{
+   float: left;
+   padding-left: 10%;
+}
+
+.pic2
+{
+   float: right;
+   padding-right: 10%;
+   padding-top: 10px
+}
+#main
+{
+   padding-top: 15px;
+   width:980px;
+   margin: auto;
+ }
+#contentleft 
+{ 
+   width: 320px; 
+   float: left; 
+   height: 370px;
+   margin-top: 65px;
+   margin-left:60px;
+}
+
+#contentright 
+{ 
+   border:0;
+   width: 320px; 
+   float: right; 
+   height: 350px;
+   margin-top: 60px;
+   background-color: #fdfdfd;
+}
+#contentright1 
+{ 
+   border: 1px solid #eeeeee;
+   width: 317px; 
+   float: right; 
+   height: 160px;
+   padding-top: 25px;
+   background-color: #fdfdfd;
+}
+#contentright2
+{   
+   border: 1px solid #eeeeee;
+   width: 317px; 
+   float: right; 
+   height: 170px;
+   background-color: #fdfdfd;
+}
+#secondcontent
+{ 
+   width: 950px;
+   height: 30px;
+   margin: auto;
+   padding-left: 90px;
+   padding-right: 90px;
+   padding-top: 120px;
+   clear: both;
+}
+#footer
+ {
+	width:950px;
+    padding-top: 8px;
+	padding-bottom: 3px; 
+    background-color: #E8E8E8;
+    text-align: center;
+	clear: both;
+ }
diff --git a/2012-Autumn-Homework/xuezhichao/kaixin.html b/2012-Autumn-Homework/xuezhichao/kaixin.html
new file mode 100644
index 0000000..8d41812
--- /dev/null
+++ b/2012-Autumn-Homework/xuezhichao/kaixin.html
@@ -0,0 +1,281 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title>¿ªÐÄÍø </title>
+    <meta name="Generator" content="EditPlus">
+    <meta name="Author" content="">
+    <meta name="Keywords" content="">
+    <meta name="Description" content="">
+    <link href="kaixin.css" rel="stylesheet" type="text/css">
+    <link href="validate.css" rel="stylesheet" type="text/css">
+    <script type="text/javascript" src="kaixin.js"></script>
+</head>
+<body onload="prepareTip();">
+    <div id="header">
+        <img class="pic1" src="image/6.png" />
+        <div class="pic2" style="color: #fad9db; height: 28px; position: relative">
+            ×¢²á µÇ½ °ïÖú <span onclick="toggle('div1')">µ¼º½</span>
+            <div id="div1" class="tabContent2" style="display: none">
+                <div class="left">
+                    <span>ÊÖ»ú</span>
+                    <span>תÌû</span>
+                    <span>ͶƱ</span>
+                    <span>¼Ç¼</span>
+                    <span>רÌâ</span>
+                    <span>ÍŹº</span>
+                    <span>СÓÎÏ·</span>
+                    <span>¹«¹²Ö÷Ò³</span>
+                    <span>¶¯ÎïÍõ¹ú</span>
+                </div>
+                <div class="right">
+                    <span>ÕÕƬ</span>
+                    <span>ÆÀ±È</span>
+                    <span>µçÓ°</span>
+                    <span>ÊÓƵ</span>
+                    <span>¿ªÐļ¯Æ·</span>
+                    <span>ÍøÒ³ÓÎÏ·</span>
+                    <span>Éç½»ÓÎÏ·</span>
+                    <span>ÃÀ¿Ì</span>
+                    <span>ÃûÆ·ÕÛ¿Û</span>
+                </div>
+
+
+
+            </div>
+        </div>
+    </div>
+    <div id="main">
+        <div id="contentleft">
+            <h1>Ê®Ãë¼ÓÈ뿪ÐÄÍø£¬ÕÒµ½È«²¿ºÃÓÑ</h1>
+            <br>
+            <form>
+                <p>&nbsp;</p>
+                <div style="position: relative">
+                    µç×ÓÓÊÏ䣺
+			
+                    <input id="email" type="text" style="width: 230px; height: 20px" name="µç×ÓÓÊÏä" />
+                    <div id="emailtip"></div>
+                </div>
+                <p style="color: grey; font-size: 0.9em">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Èç¹ûûÓÐÓÊÏ䣬Äã¿ÉÒÔÓÃ<span style="color: #336699">Õ˺Å×¢²á</span></p>
+                <br>
+                <div style="position: relative">´´½¨ÃÜÂ룺<input id="password" type="text" style="width: 230px; height: 20px" name="´´½¨ÃÜÂë" /><div id="passwordtip"></div>
+                </div>
+                <br>
+                <div style="position: relative">ÐÕ&nbsp;&nbsp;&nbsp;Ãû£º<input id="name" type="text" style="width: 235px; height: 20px" name="ÐÕÃû" /><div id="nametip"></div>
+                </div>
+                <br>
+                <p>ÐÔ&nbsp;&nbsp;&nbsp;±ð£º&nbsp;<input type="radio" name="ÐÔ±ð" value="ÄÐ" />ÄÐ&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="ÐÔ±ð" value="Å®" />Å®</p>
+                <br>
+                <p>
+                    Éú&nbsp;&nbsp;&nbsp;ÈÕ£º&nbsp;<select name="Äê">
+                        <option value="2012">2012</option>
+                        <option value="2011">2011</option>
+                        <option value="2010">2010</option>
+                        <option value="2009">2009</option>
+                        <option value="2008">2008</option>
+                        <option value="2007">2007</option>
+                        <option value="2006">2006</option>
+                        <option value="2005">2005</option>
+                        <option value="2004">2004</option>
+                        <option value="2003">2003</option>
+                        <option value="2002">2002</option>
+                        <option value="2001">2001</option>
+                        <option value="2000">2000</option>
+                        <option value="1999">1999</option>
+                        <option value="1998">1998</option>
+                        <option value="1997">1997</option>
+                        <option value="1996">1996</option>
+                        <option value="1995">1995</option>
+                        <option value="1994">1994</option>
+                        <option value="1993">1993</option>
+                        <option value="1992">1992</option>
+                        <option value="1991">1991</option>
+                        <option value="1990">1990</option>
+                        <option value="90ºó">90ºó</option>
+                        <option value="1989">1989</option>
+                        <option value="1988">1988</option>
+                        <option value="1987">1987</option>
+                        <option value="1986">1986</option>
+                        <option value="1985">1985</option>
+                        <option value="1984">1984</option>
+                        <option value="1983">1983</option>
+                        <option value="1982">1982</option>
+                        <option value="1981">1981</option>
+                        <option value="ÇëÑ¡Ôñ" selected="selected">ÇëÑ¡Ôñ</option>
+                        <option value="1980">1980</option>
+                        <option value="80ºó">80ºó</option>
+                        <option value="1979">1979</option>
+                        <option value="1978">1978</option>
+                        <option value="1977">1977</option>
+                        <option value="1976">1976</option>
+                        <option value="1975">1975</option>
+                        <option value="1974">1974</option>
+                        <option value="1973">1973</option>
+                        <option value="1972">1972</option>
+                        <option value="1971">1971</option>
+                        <option value="1970">1970</option>
+                        <option value="70ºó">70ºó</option>
+                        <option value="1969">1969</option>
+                        <option value="1968">1968</option>
+                        <option value="1967">1967</option>
+                        <option value="1966">1966</option>
+                        <option value="1965">1965</option>
+                        <option value="1964">1964</option>
+                        <option value="1963">1963</option>
+                        <option value="1962">1962</option>
+                        <option value="1961">1961</option>
+                        <option value="1960">1960</option>
+                        <option value="60ºó">60ºó</option>
+                        <option value="1959">1959</option>
+                        <option value="1958">1958</option>
+                        <option value="1957">1957</option>
+                        <option value="1956">1956</option>
+                        <option value="1955">1955</option>
+                        <option value="1954">1954</option>
+                        <option value="1953">1953</option>
+                        <option value="1952">1952</option>
+                        <option value="1951">1951</option>
+                        <option value="1950">1950</option>
+                        <option value="90ºó">90ºó</option>
+                        <option value="1949">1949</option>
+                        <option value="1948">1948</option>
+                        <option value="1947">1947</option>
+                        <option value="1946">1946</option>
+                        <option value="1945">1945</option>
+                        <option value="1944">1944</option>
+                        <option value="1943">1943</option>
+                        <option value="1942">1942</option>
+                        <option value="1941">1941</option>
+                        <option value="1940">1940</option>
+                        <option value="1939">1939</option>
+                        <option value="1938">1938</option>
+                        <option value="1937">1937</option>
+                        <option value="1936">1936</option>
+                        <option value="1935">1935</option>
+                        <option value="1934">1934</option>
+                        <option value="1933">1933</option>
+                        <option value="1932">1932</option>
+                        <option value="1931">1931</option>
+                        <option value="1930">1930</option>
+                        <option value="1929">1929</option>
+                        <option value="1928">1928</option>
+                        <option value="1927">1927</option>
+                        <option value="1926">1926</option>
+                        <option value="1925">1925</option>
+                        <option value="1924">1924</option>
+                        <option value="1923">1923</option>
+                        <option value="1922">1922</option>
+                        <option value="1921">1921</option>
+                        <option value="1920">1920</option>
+                        <option value="1919">1919</option>
+                        <option value="1918">1918</option>
+                        <option value="1917">1917</option>
+                        <option value="1916">1916</option>
+                        <option value="1915">1915</option>
+                        <option value="1914">1914</option>
+                        <option value="1913">1913</option>
+                        <option value="1912">1912</option>
+                        <option value="1911">1911</option>
+                        <option value="1910">1910</option>
+                    </select>Äê
+                
+                    <select name="ÔÂ">
+                        <option value="--">--</option>
+                        <option value="01">01</option>
+                        <option value="02">02</option>
+                        <option value="03">03</option>
+                        <option value="04">04</option>
+                        <option value="05">05</option>
+                        <option value="06">06</option>
+                        <option value="07">07</option>
+                        <option value="08">08</option>
+                        <option value="09">09</option>
+                        <option value="10">10</option>
+                        <option value="11">11</option>
+                        <option value="12">12</option>
+                    </select>
+                    ÔÂ
+                
+                    <select name="ÈÕ">
+                        <option value="--">--</option>
+                        <option value="01">01</option>
+                        <option value="02">02</option>
+                        <option value="03">03</option>
+                        <option value="04">04</option>
+                        <option value="05">05</option>
+                        <option value="06">06</option>
+                        <option value="07">07</option>
+                        <option value="08">08</option>
+                        <option value="09">09</option>
+                        <option value="10">10</option>
+                        <option value="11">11</option>
+                        <option value="12">12</option>
+                        <option value="01">13</option>
+                        <option value="02">14</option>
+                        <option value="03">15</option>
+                        <option value="04">16</option>
+                        <option value="05">17</option>
+                        <option value="06">18</option>
+                        <option value="07">19</option>
+                        <option value="08">20</option>
+                        <option value="09">21</option>
+                        <option value="10">22</option>
+                        <option value="11">23</option>
+                        <option value="12">24</option>
+                        <option value="06">25</option>
+                        <option value="07">26</option>
+                        <option value="08">27</option>
+                        <option value="09">28</option>
+                        <option value="10">29</option>
+                        <option value="11">30</option>
+                        <option value="12">31</option>
+                    </select>ÈÕ
+                </p>
+                <br>
+                <p>ÎÒ&nbsp;ÏÖ&nbsp;ÔÚ£º<input type="radio" name="ÎÒÏÖÔÚ" value="ÔÚ¹¤×÷" />ÔÚ¹¤×÷ &nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="ÎÒÏÖÔÚ" value="ÔÚÉÏѧ" />ÔÚÉÏѧ</p>
+                <br>
+                <div style="position: relative">¾Ó&nbsp;ס&nbsp;µØ:<img src="image/110.png" class="tabTitle" onclick="toggle('divContent1')" />
+                    <div id="divContent1" class="tabContent" style="display: none"><span>±±¾©</span><span>ÉϺ£</span><span>Ìì½ò</span><span>Çൺ</span><span>¼ÃÄÏ</span><span>Ïã¸Û</span><span>°ÄÃÅ</span><span>̨Íå</span></div>
+                </div>
+                <br>
+                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="ͬÒâ" />ͬÒâ<span style="color: #336699">¿ªÐÄÍø·þÎñÌõ¿î</span></p>
+                <br>
+                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" style="width: 96px; height: 25px; background: #d32c47; color: white" value="Á¢¼´×¢²á" />
+            </form>
+        </div>
+        <div id="contentright">
+            <div id="contentright1">
+                <h2>ÒÑÊÇ¿ªÐÄÍøÓû§£¿<span style="color: #336699">Ö±½ÓµÇ¼ </span></h2>
+                <br>
+                <p>&nbsp;</p>
+                <p style="color: #666666">ʹÓúÏ×÷ÍøÕ¾Õ˺ŵǽ</p>
+                <br>
+                <img src="image/1.png" width="65px" height="65px" />
+                <img src="image/2.png" width="65px" height="65px" />
+                <img src="image/3.png" width="65px" height="65px" />
+                <img src="image/4.png" width="65px" height="65px" /><br>
+            </div>
+            <div id="contentright2">
+                <h3>¿ªÐÄÍø</h3>
+                <br>
+                <p style="color: grey; font-size: 1.1em; font-family: Ó×Ô²; font-weight: bolder">ƽ¾ùÿÈËÓµÓÐ<span style="color: #DC143C">80</span>λºÃÓÑ</p>
+                <br>
+                <p style="color: grey; font-size: 1.1em; font-family: Ó×Ô²; font-weight: bolder">ÿÌ죬ƽ¾ùÿÈËÉÏ´«<span style="color: #DC143C">10</span>ÕÅÕÕƬ</p>
+                <br>
+                <p style="color: grey; font-size: 1.1em; font-family: Ó×Ô²; font-weight: bolder">ÿÌ죬ÓÐ<span style="color: #DC143C">1000Íò</span>´Î»¥¶¯ÔÚºÃÓѼ俪Ðĵط¢Éú×Å</p>
+                <br>
+                <p style="color: grey; font-size: 1.1em; font-family: Ó×Ô²; font-weight: bolder">ÖйúÈ˶Ô<span style="color: #DC143C">Éç½»ÍøÂç</span>µÄÕæÕýÁ˽⣬´ÓÕâÀ￪ʼ</p>
+            </div>
+        </div>
+    </div>
+
+    <div id="secondcontent">
+        <hr />
+        <br>
+        <p style="color: #336699">¹ØÓÚÎÒÃÇ &nbsp;ÊÖ»úÖÐÐÄ &nbsp;¿ª·Åƽ̨&nbsp; Ó¦ÓÃÖÐÐÄ &nbsp;×ÔÖú¹ã¸æ &nbsp;¿ªÐÄÕÐƸ &nbsp;¿Í·þ&nbsp; °ïÖú<span style="color: grey; display: inline; float: right">2012¿ªÐÄÍø</span><span style="display: inline; float: right; color: grey; font-size: 150%">&#169;</span></p>
+        <div id="footer">
+            <p style="color: grey; font-size: 0.9em">±±¾©¿ªÐÄÈËÐÅÏ¢¼¼ÊõÓÐÏÞ¹«Ë¾£ºÎÄÍøÎÄ[2009]157ºÅ(¼×)&#183;¾©ICPÖ¤080482ºÅ&#183;¾©¹«Íø°²±¸1100003ºÅ&#183;(¾©)-·Ç¾­ÓªÐÔ-2009-0009&#183;δ³ÉÄê¼Ò³¤¼à»¤ </p>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/2012-Autumn-Homework/xuezhichao/kaixin.js b/2012-Autumn-Homework/xuezhichao/kaixin.js
new file mode 100644
index 0000000..fbb8abb
--- /dev/null
+++ b/2012-Autumn-Homework/xuezhichao/kaixin.js
@@ -0,0 +1,112 @@
+window.addEvent =function(element,event,fn){
+  if(element.addEventListener)
+  {
+	  element.addEventListener(event,fn,false);
+	  
+  }
+  else if(element.attachEvent){
+     element.attachEvent("on"+event, function(){ fn.call(element) });
+     
+   }
+}
+function tip(title,isInfo,id)
+{
+  this.title=title;
+  this.isInfo=isInfo;
+  this.tipDom=document.getElementById(id);
+}
+tip.prototype=(function()
+{
+	//Éú³ÉºÏÊʵÄTipµÄÄÚ²¿º¯Êý
+    function genTip(tipDomObject,title,isInfo)
+	{
+     tipDomObject.className="tipFormat";
+     if(isInfo===false)
+      tipDomObject.innerHTML="<img src='error.gif' /><span>"  + title + "</span>";
+	 else
+	  tipDomObject.innerHTML="<span>"+title+"</span>";
+	}
+	//Íõ»ª½Ü ²»ÄÜÔÚ´Ë´¦Ó¦ÓÃthis
+	//alert(this.title+" in closure");
+	return {
+        showTip:function()
+		{
+			genTip(this.tipDom,this.title,this.isInfo);
+            //alert(this.tipDom.innerHTML);
+			this.tipDom.style.display="block";
+		},
+		hideTip:function()
+		{
+            this.tipDom.style.display="none";
+		}
+	}
+})();
+
+
+
+function prepareTip()
+ {
+	var e=document.getElementById("email");
+	window.addEvent(e,'blur',blurFn);
+	window.addEvent(e,'focus',focusFn);
+	var n=document.getElementById("name");
+	window.addEvent(n,'blur',blurFn);
+	window.addEvent(n,'focus',focusFn);
+	var p=document.getElementById("password");
+	window.addEvent(p,'blur',blurFn);
+	window.addEvent(p,'focus',focusFn);
+ }
+ function blurFn()
+ {
+	var title;
+	switch(this.id)
+	{
+	  case "email":
+		   title="ÓÊÏä¸ñʽ²»¶Ô";
+		   break;
+	  case "password":
+		   title="ÃÜÂë²»¶Ô";
+		   break;
+	  case "name":
+		   title="ÐÕÃû²»·ûºÏÒªÇó";
+		   break;
+	}
+	var t=new tip(title,false,this.id+"tip");
+	//ÏȹرÕÔ­À´µÄinfo tip
+	t.hideTip();
+	//Èç¹ûÓдíÎóµÄʱºò¿ªÆô error tip
+	if(checkFormat(this))
+	t.showTip();
+ }
+ function checkFormat(o)
+ {
+	// o ÊÇÒª¼ì²é¸ñʽµÄdom¶ÔÏó
+	return true;
+ }
+ function focusFn()
+ {
+	var title;
+	switch(this.id)
+	{
+	  case "email":
+		   title="ÇëÊäÈëÓÊÏä";
+		   break;
+	  case "password":
+		   title="ÇëÊäÈëÃÜÂë";
+		   break;
+	  case "name":
+		   title="ÇëÊäÈëÐÕÃû";
+		   break;
+	}
+	var t=new tip(title,true,this.id+"tip");
+	t.showTip();
+ }
+
+  function toggle(sDivId)
+   {
+          var oDiv = document.getElementById(sDivId);
+			 if(oDiv.style.display=="none")
+		   oDiv.style.display="block";
+			else
+		 oDiv.style.display="none";
+   }
\ No newline at end of file
diff --git a/2012-Autumn-Homework/xuezhichao/validate.css b/2012-Autumn-Homework/xuezhichao/validate.css
new file mode 100644
index 0000000..f5b1277
--- /dev/null
+++ b/2012-Autumn-Homework/xuezhichao/validate.css
@@ -0,0 +1,71 @@
+.tipFormat {
+padding: 2px 6px;
+color: #333;
+background-color: #FFFFCD;
+border: 1px solid #DBDBDB;
+position: absolute;
+left: 300px;
+top: 0;
+width: 178px;
+}
+.tabTitle
+{
+background-color:white; 
+cursor:pointer
+}
+.tabContent
+{
+background-color:white; 
+border:1px solid blue; 
+height:50px;
+width:200px; 
+padding:0px;
+position:absolute;
+left: 60px;
+top: 20px;
+}
+.tabContent span
+{
+padding:0px 7px;
+}
+.tabContent2
+{
+color:black;
+border:1px solid black;
+background-color:white;  
+height:200px;
+width:150px; 
+padding:0px;
+position:absolute;
+left: -10px;
+top: 40px;
+}
+.left
+{
+float:left;
+height:200px;
+width:60px;
+padding-top:3px;
+padding-left:10px;
+border-right:1px solid black;
+}
+.left span
+{
+display:block;
+margin-top:3px;
+font-size:10pt;
+}
+.right
+{
+float:right;
+height:180px;
+width:60px;
+margin-top:3px;
+margin-right:10px;
+}
+.right span
+{
+display:block;
+margin-top:3px;
+font-size:10pt;
+}
\ No newline at end of file
diff --git a/2012-Autumn-Homework/zhichao_xue/wowotuan/image/error.gif b/2012-Autumn-Homework/zhichao_xue/wowotuan/image/error.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7b1949006bf6ee094ba88969d88e7d09582f6c63
GIT binary patch
literal 1438
zcmZ?wbhEHb<YSOvxN6VvIydThM)-%y_#ayqK1~k&T$}J~&x$uq+24B0KCPU0*w^Gu
zLG+JBov*uVKQEj3aa!}ExZw9?vFDO~-xbFk54F2f5cTW8=Eud+my-j(ZCY|E-s?$v
z%#XI*yS4dmCv|>Vx8zK;%h#67Z=KoCC$>K8sCd<0`?#g_X<zf><+GmW#J-tS|1v-R
z;gabem(F}Uf9kshQ$Nh_d%b?qubY=YY+3PZO3l56Q{T+!d{q|vvNq%6+zIch6Ti%C
zc~G42r7`*4yLU6^l`H<|j_?goa7ipl1kyJ46$OdO*{LN8NvY|XdA3ULckfqH$V{<S
z3ODsN@GWpo&B*kqDoPEm@(W3>%1*XSQL?vFu&J=B$SufCElE_U$j!+swyLmIN=(U5
zO0@#ALBje<3ScEA*|tiKAPEJKozD41sS2ig2D-@xW(EpohI)p^Cg$emItoSxh6efu
zM*4<Ex`yUf#zs~K1`1H11hlOvCCw_x#SLl~kY}ruQBqQ1rLSLJUanVete0Puu5V~*
zX$dmJ$VeBcLbtdwuOzWTH?LS3W`av<adJ^+K}lwQo&w0k#H9Sv5?dvpOCes!Er1)F
zSF8v2j$U$pu6{*gfxe-h0mw@*g}%P{mFDKcRTq~8r6Sym)!^cg%7Rq=pw#00(xT*4
zpmJr9RRvbgMX8A;`9&f5`8lvq49LhY$uG{xFHmp}HdP4E%uC5HF9xgj^|kWMD=taQ
zOHTE4u~h=<*UQXIv2rmnG_`PZwlp$xHZwGIHFPvLcX2Z|Fm!WrG<Gp@HizkT$xklL
zP0cHT=}kfCb;PL`ln`<YfHu3N7G;*DrnnX5=PH0bY?X=IE#^4QgX&Ge?G_81di8;h
z(Fa8<QZ&PafN2NBgeO`c2cGOx^MGl+2$-lD|Nr~@=l8FlKfZta`sMSdk00K@d;8|~
ztCugHKYRM*@uP<i?%%t6=k~3eH?Cj1dgbz^ix<wHJA3Bzsgoy;A3J*F@S%eT_V3%f
zXZNn1JGO7zx@GgGjT_dlTf1iUs+B92FI&1~@uGzb=FgiuXZEa_Gp0|QI%V>ti4*$!
zdV9LNIy>6iT3ec%8XM~CYHO;iDl5v%N=u513Jdb{a&xk?GBeWCQd5$X5)<O%Vq>DC
zA|t}XLPLUs0t5X0e0{vVJU!gqTwR=<93AZKY;CNqEG^8<Oihf9fEh|pS4Ue*Q$t-%
zRYh4zQ9)i#Rz_M%QbJrzR76-vP=KG0mxr5+lY^a&m4%s!k%2++Ckv3YXV75)0#Iqk
zz_#$f`~nXhss0m7iaNJkuuyDy+F@bA#?1aM;E4?n&%}<zfY`Q<{PoX2i*mIcyIEwg
z=B8bvg3*d20(?BS`MH9^-27&uR?Ld5Rk_>@4BDIu=FGO$!bWxsjEtJPBJ2j%?F^Rk
zj4Uj?%0k9Al9L&8*9ve-=-7*@NUo8S6WA#$;w+^m&nqph$|=j`DkPz-uct0`+)YD>
Ri%Y@O=kb%L&s-cCtN~t*B)k9s

literal 0
HcmV?d00001

diff --git a/2012-Autumn-Homework/zhichao_xue/wowotuan/kaixin.js b/2012-Autumn-Homework/zhichao_xue/wowotuan/kaixin.js
new file mode 100644
index 0000000..de217d3
--- /dev/null
+++ b/2012-Autumn-Homework/zhichao_xue/wowotuan/kaixin.js
@@ -0,0 +1,108 @@
+window.addEvent =function(element,event,fn){
+  if(element.addEventListener)
+  {
+	  element.addEventListener(event,fn,false);
+	  
+  }
+  else if(element.attachEvent){
+     element.attachEvent("on"+event, function(){ fn.call(element) });
+     
+   }
+}
+function tip(title,isInfo,id)
+{
+  this.title=title;
+  this.isInfo=isInfo;
+  this.tipDom=document.getElementById(id);
+}
+tip.prototype=(function()
+{
+	//Éú³ÉºÏÊʵÄTipµÄÄÚ²¿º¯Êý
+    function genTip(tipDomObject,title,isInfo)
+	{
+	if(tipDomObject=="email")
+     tipDomObject.className="tipFormat";
+	else if(tipDomObject=="password")
+		tipDomObject.className="a";
+	else if(tipDomObject=="name")
+		tipDomObject="b";
+     if(isInfo===false)
+      tipDomObject.innerHTML="<img src='error.gif' /><span>"  + title + "</span>";
+	 else
+	  tipDomObject.innerHTML="<span>"+title+"</span>";
+	}
+	//Íõ»ª½Ü ²»ÄÜÔÚ´Ë´¦Ó¦ÓÃthis
+	//alert(this.title+" in closure");
+	return {
+        showTip:function()
+		{
+			genTip(this.tipDom,this.title,this.isInfo);
+            //alert(this.tipDom.innerHTML);
+			this.tipDom.style.display="block";
+		},
+		hideTip:function()
+		{
+            this.tipDom.style.display="none";
+		}
+	}
+})();
+
+
+
+function prepareTip()
+ {
+	var e=document.getElementById("email");
+	window.addEvent(e,'blur',blurFn);
+	window.addEvent(e,'focus',focusFn);
+	var n=document.getElementById("name");
+	window.addEvent(n,'blur',blurFn);
+	window.addEvent(n,'focus',focusFn);
+	var p=document.getElementById("password");
+	window.addEvent(p,'blur',blurFn);
+	window.addEvent(p,'focus',focusFn);
+ }
+ function blurFn()
+ {
+	var title;
+	switch(this.id)
+	{
+	  case "email":
+		   title="ÓÊÏä¸ñʽ²»¶Ô";
+		   break;
+	  case "password":
+		   title="ÃÜÂë²»¶Ô";
+		   break;
+	  case "name":
+		   title="ÐÕÃû²»·ûºÏÒªÇó";
+		   break;
+	}
+	var t=new tip(title,false,this.id+"tip");
+	//ÏȹرÕÔ­À´µÄinfo tip
+	t.hideTip();
+	//Èç¹ûÓдíÎóµÄʱºò¿ªÆô error tip
+	if(checkFormat(this))
+	t.showTip();
+ }
+ function checkFormat(o)
+ {
+	// o ÊÇÒª¼ì²é¸ñʽµÄdom¶ÔÏó
+	return true;
+ }
+ function focusFn()
+ {
+	var title;
+	switch(this.id)
+	{
+	  case "email":
+		   title="ÇëÊäÈëÓÊÏä";
+		   break;
+	  case "password":
+		   title="ÇëÊäÈëÃÜÂë";
+		   break;
+	  case "name":
+		   title="ÇëÊäÈëÐÕÃû";
+		   break;
+	}
+	var t=new tip(title,true,this.id+"tip");
+	t.showTip();
+ }
\ No newline at end of file
diff --git a/2012-Autumn-Homework/zhichao_xue/wowotuan/validate.css b/2012-Autumn-Homework/zhichao_xue/wowotuan/validate.css
new file mode 100644
index 0000000..37fe19e
--- /dev/null
+++ b/2012-Autumn-Homework/zhichao_xue/wowotuan/validate.css
@@ -0,0 +1,27 @@
+.tipFormat {
+padding: 2px 6px;
+color: #333;
+background-color: #FFFFCD;
+border: 1px solid #DBDBDB;
+left: 300px;
+top: 0;
+width: 178px;
+}
+.a {
+padding: 2px 6px;
+color: #333;
+background-color: #FFFFCD;
+border: 1px solid #DBDBDB;
+left: 300px;
+top: 0;
+width: 178px;
+}
+.b {
+padding: 2px 6px;
+color: #333;
+background-color: #FFFFCD;
+border: 1px solid #DBDBDB;
+left: 300px;
+top: 0;
+width: 178px;
+}
\ No newline at end of file
diff --git a/2012-Autumn-Homework/zhichao_xue/wowotuan/wowotuan.html b/2012-Autumn-Homework/zhichao_xue/wowotuan/wowotuan.html
index 9c3063c..4925b03 100644
--- a/2012-Autumn-Homework/zhichao_xue/wowotuan/wowotuan.html
+++ b/2012-Autumn-Homework/zhichao_xue/wowotuan/wowotuan.html
@@ -7,9 +7,10 @@
     <meta name="Keywords" content="" />
     <meta name="Description" content="" />
     <link href="wowotuan.css" rel="stylesheet" type="text/css" />
-    
+     <link href="validate.css" rel="stylesheet" type="text/css">
+     <script type="text/javascript" src="kaixin.js"></script>
 </head>
-<body>
+<body onload="prepareTip();">
     <div class="xx">
         <div class="x">
             <div class="x1">
@@ -64,7 +65,7 @@ <h2>
                                 E-mail:
                             </td>
                             <td class="style3">
-                                <input type="text" name="fname" style="width: 250px; height: 25px; margin-right: 0px;" />
+                                <input id="email" type="text" name="fname" style="width: 250px; height: 25px; margin-right: 0px;" /><div id="emailtip"></div>
                             </td>
                         </tr>
                         <tr>