diff --git a/images/photos/overflow-scroll.png b/images/photos/overflow-scroll.png
new file mode 100644
index 0000000..3c8bb27
Binary files /dev/null and b/images/photos/overflow-scroll.png differ
diff --git a/index.html b/index.html
index bf2ff5e..e093267 100644
--- a/index.html
+++ b/index.html
@@ -33,7 +33,7 @@ <h2 class="title-bar">关于我们</h2>
         <ul class="about-list">
           <li class="list">
             <div class="card">
-              <div class="pic pic-s1">
+              <div class="pic">
                 <!-- size 100*100 -->
                 <a href="#" target="_blank"><img class="photo" src="images/photos/default.jpg" alt="photo"></a>
               </div>
@@ -56,7 +56,7 @@ <h3 class="nike"><a href="#" target="_blank">Nikename</a></h3>
           </li>
           <li class="list">
             <div class="card">
-              <div class="pic pic-s2">
+              <div class="pic">
                 <!-- size 100*100 -->
                 <a href="#" target="_blank"><img class="photo" src="images/photos/default.jpg" alt="photo"></a>
               </div>
@@ -77,7 +77,7 @@ <h3 class="nike"><a href="#" target="_blank">Nikename</a></h3>
           </li>
           <li class="list">
             <div class="card">
-              <div class="pic pic-s3">
+              <div class="pic">
                 <!-- size 100*100 -->
                 <a href="#" target="_blank"><img class="photo" src="images/photos/default.jpg" alt="photo"></a>
               </div>
@@ -100,7 +100,7 @@ <h3 class="nike"><a href="#" target="_blank">Nikename</a></h3>
         <ul class="about-list">
           <li class="list">
             <div class="card">
-              <div class="pic pic-s4">
+              <div class="pic">
                 <!-- size 100*100 -->
                 <a href="#" target="_blank"><img class="photo" src="images/photos/default.jpg" alt="photo"></a>
               </div>
@@ -121,31 +121,26 @@ <h3 class="nike"><a href="#" target="_blank">Nikename</a></h3>
           </li>
           <li class="list">
             <div class="card">
-              <div class="pic pic-s5">
+              <div class="pic">
                 <!-- size 100*100 -->
-                <a href="#" target="_blank"><img class="photo" src="images/photos/default.jpg" alt="photo"></a>
+                <a href="https://github.com/SanzerZou" target="_blank"><img class="photo" src="images/photos/overflow-scroll.png" alt="photo"></a>
               </div>
               <div class="txt">
-                <h3 class="nike"><a href="#" target="_blank">Nikename</a></h3>
+                <h3 class="nike"><a href="https://github.com/SanzerZou" target="_blank">Sanzer</a></h3>
                 <p class="nike-team">
-                  overflow-yourname
+                  overflow-scroll
                 </p>
               </div>
             </div>
             <div class="desc">
               <p>
-                我是一只小鸭子，咿呀咿呀哟，我是一只小鸭子，咿呀咿呀哟，我是一只小鸭子，咿呀咿呀哟，
-                我是一只小鸭子，咿呀咿呀哟，我是一只小鸭子，咿呀咿呀哟，
-                我是一只小鸭子，咿呀咿呀哟，
-                我是一只小鸭子，咿呀咿呀哟，
-                我是一只小鸭子，咿呀咿呀哟，
-                我是一只小鸭子，咿呀咿呀哟，
+                东南大学研二通信工程学生，喜爱艺术也爱编程，所以顺其自然的爱上了前端，但由于学习时间还不是很长，所以现在还只是小菜。
               </p>
             </div>
           </li>
           <li class="list">
             <div class="card">
-              <div class="pic pic-s6">
+              <div class="pic">
                 <!-- size: width==height, min: 100*100 -->
                 <a href="https://github.com/wangchi" target="_blank"><img class="photo" src="images/photos/overflow-visible.jpg" alt="photo"></a>
               </div>
@@ -177,7 +172,7 @@ <h3 class="nike"><a href="https://github.com/wangchi" target="_blank">WalkerBe</
   </div>
 
 
-  <!--script type="text/javascript" src="javascripts/lib/jquery.min.js"></script-->
-  <!--script type="text/javascript" src="javascripts/home.js"></script-->
+  <script type="text/javascript" src="javascripts/lib/jquery.min.js"></script>
+  <script type="text/javascript" src="javascripts/home.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/javascripts/home.js b/javascripts/home.js
index e69de29..9006e35 100644
--- a/javascripts/home.js
+++ b/javascripts/home.js
@@ -0,0 +1,8 @@
+$(function(){
+	$(".card").mouseenter(function(){
+	  $(this).children(".pic").addClass("pic-selected").css("background","#FF9900");
+	});
+	$(".card").mouseleave(function(){
+	  $(this).children(".pic").removeClass("pic-selected").css("background","#27ae60");
+	});
+});
\ No newline at end of file
diff --git a/stylesheets/home.css b/stylesheets/home.css
index 0934be2..c45939b 100644
--- a/stylesheets/home.css
+++ b/stylesheets/home.css
@@ -130,31 +130,11 @@ body {
   height: 100px;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
-  background: #ccc;
-}
-
-.about-list .card .pic-s1 {
   background: #27ae60;
 }
 
-.about-list .card .pic-s2 {
-  background: #ff6c60;
-}
-
-.about-list .card .pic-s3 {
-  background: #3498db;
-}
-
-.about-list .card .pic-s4 {
-  background: #969;  
-}
-
-.about-list .card .pic-s5 {
-  background: #4dbebd;
-}
-
-.about-list .card .pic-s6 {
-  background: #9aba49;
+.pic-selected {
+  border-bottom: 3px solid #CC0033;
 }
 
 .about-list .card .photo {