上篇给博客升了级,准备换个皮,试了几个都不甚理想,于是在现有基础上,自己动手改造一下。
随时记一些进展,今天给博客底部加上了TOP锚,运用了JS “页面锚点跳转平滑滚动”特效,这样从博客底部返回顶部更轻松些,以下是从灵活家园找到的代码。
JS引用
<script type="text/javascript" src="你的域名/script/smooth.js"></script>
JS代码
右键另存为,下载“页面锚点跳转缓冲”JS源码,我就不贴源码了。
Demo
在主页底部找到“Fly”,点一下飞上来。
注意
此代码的强大在于不需要你做另外其它的设置,自动实现所有锚链接的效果,你可以随便建立任何锚点链接都能够识别而应用,只须将对象的 ID 前面加 # 作为链接对象即可,而且可以自定义滑动的速度。
本来想应用WP的MG12皮肤来实现这个功能,但是它的JS函数没有现在这个灵活。这个JS无需给链接增加行为,自动侦察页面的锚链接,从而实现页内锚的缓冲平滑滚动。
需要注意的是,一定要给链接定义ID,不能仅仅使用#,比如我的调用是这样的,z-bloger可以参考一下:
锚点:<div id="divTop">
锚链:<a id="gotop" href="#divTop">Fly</a>
题外话
本来还准备搞个源码高亮显示,后来发现过程太繁锁,而且需要改动z-blog源码,这为以后升级会太来麻烦,于是放弃。
还要说一下,目前博客页面正在调整改造过程中,如发现页面支离破碎,请见谅。