J2EE社區(qū)

<!-- 回到頂部-->
<style>
  a.W_gotop {
   display: none;
   position: fixed;
   _position: absolute;
   width: 22px;
   height: 85px;
   line-height: 12px;
   left: 50%;
   bottom: 100px;
   margin-left: 500px;
     margin-bottom: 5px;
     background-color: #F2F2F2;
     border: 1px solid #CCCCCC;
     border-radius:2px;
     text-align: center;
     text-decoration: none;
 }
 a.W_gotop span {
   cursor: pointer;
     display: block;
     height: 73px;
     padding-top: 10px;
     border: 1px solid #FFFFFF;
     text-decoration: none;
 }
 a.W_gotop em {
     cursor: pointer;
     text-decoration: none;
     font-style: normal;
     font-weight: normal;
 }
 .icon_gotop{
    background: url(images/gotop.png) no-repeat;
 }
 .W_gotop:hover .icon_gotop {
   background: url(images/gotop_focus.png) no-repeat;
 }
 .W_ico {
  display: inline-block;
    height: 12px;
    width: 12px;
    margin-bottom: 5px;
 }
 .W_txt{
    color: #808080;
 }
</style>
<a id="base_scrollToTop" class="W_gotop" style="visibility: visible;">
<span>
 <em class="W_ico icon_gotop"></em>
 <em class="W_txt">返回頂部</em>
</span>
</a>

<script type="text/javascript">
$(function(){
 var gotop = $(".W_gotop")
 gotop.click(function(){
  $("html,body").animate({scrollTop:0},500)
 });
 
 $(window).scroll(function(){
　　if($.browser.msie && ($.browser.version == "6.0") && !$.support.style){//如果IE6
　　 gotop.css({"top":($(window).scrollTop()+$(window).height()-100)+"px","position":"absolute"});
　　}
　　if($(window).scrollTop()<=50){
　　 gotop.fadeOut();
　　}else{
　　 gotop.fadeIn();
　　}
　});
});

---

名稱: ?4C.ESL | .↗Evon
口號: 遇到新問題?先要尋找一個方案乄而不是創(chuàng)造一個方案こ
mail: 聯(lián)系我

---