SOURCE

var one = $('#one');
var min1 = $('#min1');
var min2 = $('#min2');
var min3 = $('#min3');
var min4 = $('#min4');
var min5 = $('#min5');
var min6 = $('#min6');
var min7 = $('#min7');
var text = $('#text');

min1.click(function() {
  one.css('background','pink');
  text.text('星期一');
});
min2.click(function() {
  one.css('background','#CCCCFF');
  text.text('星期二');
});
min3.click(function() {
  one.css('background','#FFFFCC');
  text.text('星期三');
});
min4.click(function() {
  one.css('background','#99CCFF');
  text.text('星期四');
});
min5.click(function() {
  one.css('background','#CCFFFF');
  text.text('星期五');
});
min6.click(function() {
  one.css('background','#666699');
  text.text('星期六');
});
min7.click(function() {
  one.css('background','#99CCFF');
  text.text('星期日');
});

<script src="http://www.peiblog.cn/jquery-1.8.3.min.js"></script>
<div id="one">
  <div id="text"></div>
  <div id="min1">星期一</div>
  <div id="min2">星期二</div>
  <div id="min3">星期三</div>
  <div id="min4">星期四</div>
  <div id="min5">星期五</div>
  <div id="min6">星期六</div>
  <div id="min7">星期日</div>
  <div id="blog"><a target="_blank"  href="http://www.peiblog.cn">博客www.peiblog.cn</a></div>
</div>

#blog{
  position:absolute;
  float:top;
  top:150px;
  left:250px;
  color:#FF6666;
  font-size:20px;
  font-weight:bold;
}
#one{
  width:700px;
  height:200px;
  background:white;
  text-align:center;
}
#min1{
  width:100px;
  height:30px;
  background:pink;
  float:left;
  text-align:center;
  line-height:30px;
}
#min2{
  width:100px;
  height:30px;
  background:#CCCCFF;
  float:left;
  text-align:center;
  line-height:30px;
}
#min3{
  width:100px;
  height:30px;
  background:#FFFFCC;
  float:left;
  text-align:center;
  line-height:30px;
}
#min4{
  width:100px;
  height:30px;
  background:#99CCFF;
  float:left;
  text-align:center;
  line-height:30px;
}
#min5{
  width:100px;
  height:30px;
  background:#CCFFFF;
  float:left;
  text-align:center;
  line-height:30px;
}
#min6{
  width:100px;
  height:30px;
  background:#666699;
  float:left;
  text-align:center;
  line-height:30px;
}
#min7{
  width:100px;
  height:30px;
  background:#99CCFF;
  float:left;
  text-align:center;
  line-height:30px;
}
#text{
  width:70px;
  height:70px;
  position:absolute;
  float:top;
  top:55px;
  left:300px;
	text-align:center;
  line-height:70px;
  font-size:20px;
  font-weight:bold;
}