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" >系統(tǒng)在chrome瀏覽器下有最佳體驗，建議使用chrome瀏覽器</div>
? <b><a 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;
}