现在的位置: 首页 > 综合 > 正文

经典 网页 博客 评论 新闻 锚点 实例 代码

2013年02月23日 ⁄ 综合 ⁄ 共 951字 ⁄ 字号 评论关闭

<html>
<header>
  <script type="text/javascript" src="<%=path%>/js/jquery-1.3.2.min.js"></script>
 <script type="text/javascript">
 $(document).ready(function(){
   $("#backtop a").click(function(){
    $("html,body").animate({"scrollTop":"0"},"slow");
   })
   $(window).scroll(function(){
    if($(window).scrollTop()>100){
     $("#backtop").fadeIn(500);
    }else{
     $("#backtop").fadeOut(500);
    } 
   })
  });
 </script>
 <style type="text/css">
  #backtop{ position:fixed; right:10px; bottom:30px; _position:absolute; _top:expression(eval(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-30)+'px'); display:none}
  #backtop a{ text-decoration:none; display:block; width:50px; text-align:center; font-size:12px; color:#FFF; background-color: transparent; background-image: url(<%=path%>/image/auch.png); background-repeat: no-repeat; height: 50px; } 
 </style>
</header>

<body>
 <div id="backtop"><a href="javascript:void(0)" onclick="backTop()"></a></div>
</body>
</html>

抱歉!评论已关闭.