锚标记平滑移动

由于项目中要用到，遂记录下来

为烟台等地区用户提供了全套网页设计制作服务，及烟台网站建设行业解决方案。主营业务为成都做网站、成都网站制作、烟台网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

用JQuery实现锚标记平滑移动

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>锚标记平滑移动</title> 
 
</head> 
 
<body> 
<div id="top" > 
    顶部 <a href="#bottom" class="smooth">移动到底部</a> 
</div> 
<div id="appendBox"> 
   <!--填充内容--> 
</div> 
<div id="bottom" > 
    底部  <a href="#top" class="smooth">移动到顶部</a> 
</div> 
<!--替换为自己本地JQuery函数库--> 
<script src="jquery-1.4.2.min.js"type="text/javascript"></script> 
<script type="text/javascript"> 
$(".smooth").click(function(){ 
    var href = $(this).attr("href"); 
    var pos = $(href).offset().top; 
    $("html,body").animate({scrollTop: pos}, 1000);  
    return false; 
}); 
</script> 
</body> 
</html>

标题名称：锚标记平滑移动
转载注明：https://www.cdcxhl.com/article26/jjghjg.html

成都网站建设公司_创新互联，为您提供云服务器、定制网站、自适应网站、网站设计公司、网站制作、网站营销

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容