Sunday, December 18, 2011

Back to Top ❤



Step 1

首先，到 Dashboard >> Layout >> Edit html >> Ctrl f >> 找以下的代号



再那之前，添加此代码




Step 2

接着下来，找以下的代码出来




在那之前，加上以下的代码

<a href="#" id="backtotop"><img src="Image-Url" alt="back to top" /></a>



在完成之前，Image-Url 可以换成自己想要的图案，以下有几个款式可以参考



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin9PygeBunm9cr3Sp7tAfN1GmMWe9RSbQrZQgZ8aKefSrYE6hRSnTKjP-XaZLL8RRwCOPxccmwUSR6ejhAXDEZVHxhh_ZwBpPzvBxP2zzCZ86r7rwjuOQdKLyEQ4lmRpoFvYH_T91_vOrs/s400/bttp-14.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMsWDLcHbZCeYNKreHV1TMf39x38ATWq5jxjPSYYdrbZ5Q5cGFrP7VNvfhKOi74mjIt82Sjn2coP7ZUPz0s0yY_4rlG7pbFxj_xC8q78fsEX_6kCasxBJefwpnIk8LsVldQNsOz5L34ADc/s400/bttp-15.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFVOtBehpvPy4iB0w5_RuzFrsxUlTB3boeDJDJDD39JfZrEULmcPDaUparpTO-grFJrIB7EWnWOgA2UUr_qTAncsUo1dCYjW_jSaZgOBi6ti7k796qccAHfDldE-FLVKi9D6Ln9ctdFTZ_/s1600/bttp-16.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsfK_5wdFSWqMgHlXf2-ZfXCinJFu43JETAO55mgfstx3gl4wXPm-cd9VexLnjSTkdWr_eK1bZMdqG3uI3XEhkbLPMWr0Dkfkgit9eGTTsxLIKPLEGr91Yqm7dfessCjw99j8Qlvk0_2SC/s400/bttp-17.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9_bEZACDS2dPYwoMt_Ff_ylnW6BEqvJ_9r56yaEe9gdPkhoKxP43ZtfTvSX5MEdUQSOe8KQ9CGR9bfsZXcwPhVyi6tBbOlXU-mCVyQLmM1b6WAEQZ4LSiLUyZJs_iQRn62L9g1aKdnPt-/s400/bttp-19.png


Step 3

找出以下的代码

<head>


再以上的代码之后，贴上一下的代码

&lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'&gt;&lt;/script&gt; &lt;script language=&quot;javascript&quot;&gt; $(window).ready(function(){ $('#backtotop').click(function(e){ e.preventDefault(); $('html, body').animate({scrollTop:0}, 'slow'); }); }); &lt;/script&gt;




按Save就完成了~ ❤



Posted by at 11:00 PM 0 comments
Subscribe to: Posts (Atom)
back to top