jsp代码部分

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<div id ="sidebar" class = "sidebar">
  <div id ="login-sugest" class="login-sugest" >系统在chrome浏览器下有最佳体验，建议使用chrome浏览器</div>
  <b><a href="http://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=0&rsv_idx=1&tn=baidu&wd=chrome" target="_blank"><div id="img1" class="img1" ></div></a></b>
  <div id="img2" class="img2" ></div>
</div>

css代码部分

.sidebar
{
  position: fixed;
  top: 0;
  right:0;
  left: 0;
  height:50px;
  background: #fff;
  transiton:top 0.5s;
}

.login-sugest{
  position:absolute;
  left:304px;
  top:16px;
  width:497px;
  height:18px;
  color:#000;
  font-family:"微软雅黑","宋体",Arial;
  font-size:18px;
  line-height:16px;
  transiton:top 0.5s;
}

.img1{
  position:absolute;
  left:815px;
  top:5px;
  width:206px;
  height:40px;
  background: url("../images/download.png")0 0 no-repeat ;
  transiton:top 0.5s;
}
.img1:hover {
  background:url("../images/download%20on.png") 0 0 no-repeat;
}

.img2{
  position:absolute;
  right: 0;
  top:0;
  width:50px;
  height:50px;
  background:url("../images/close.png") 0 0 no-repeat;
  transiton:top 0.5s;
}

.img2:hover
{
  background:url("../images/close%20on.png") 0 0 no-repeat;
}