继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

jquery返回顶部效果

这个名字没人起
关注TA
已关注
手记 271
粉丝 19
获赞 92

         

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title></title></head><body><div id="top" class="append_box mb20">    顶部 <a href="#bottom" class="smooth">移动到底部</a></div><div id="appendBox" class="append_box">    <img width="300" height="3281" src="http://ss4.sinaimg.cn/bmiddle/6200b7a8t8b6743480673&690" /></div><div id="bottom" class="append_box mb20">    底部  <a href="#top" class="smooth">移动到顶部</a></div><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>


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP