skidu

在北京这边的学习不知不觉就过去两个多月了，感觉前不久才完成了一期项目，现在又要开始新的项目了，各种期待中~~
好吧，今天出来吐槽只是想分享一段JQuery代码，高手勿喷~~
嗯，功能很简单，skidu萌生写这个代码的原因是因为我自己这个博客的皮肤有那个功能，嗯，就是“返回顶部”╮(╯▽╰)╭
作为一个曾经不明真相的我表示对这个小功能很是好奇，学了JS有快一周了，JQuery的使用也有两三天了，嗯，这个小功能还是被我琢磨出来了，貌似挺简单的，直接上代码吧~~
首先是HTML代码部分，在需要插入“返回顶部”的位置加入以下代码：

<a href="#" id="top">返回</a>

接着，CSS代码，固定一下浏览器窗口

#top{position:fixed;bottom:0;right:10px;}

嗯，最后就是JQuery代码了~~

$('#top').click(function(){
  $('html,body').animate({scrollTop: '0px'}, 800);return false;
});

当然，代码不唯一，大家可以根据自己的喜好书写~~

Filed under PHP学习. Tags:

上一篇 « 闲来无事帖个视频~ 下一篇 » 安卓机版卡农