بلوگىڭىزغا تىز سۈرئەتتە بلوگ ئاستىغا چۈشۈش، ئۈستىگە قايتىش ۋە ئىنكاس يېزىش رايۇنىغا بېرىش كونۇپكىسىنى قوشۇپ قويسىڭىز زىيارەتچىلەرگە ئاز بولمىغان قولايلىقلارنى ئېلىپ كېلەلەيسىز. زىيارەتچىلەر بىرلا بېسىپ بلوگنىڭ ئەڭ ئاستىغا، يەنە بىرلا بېسىپ ئەڭ ئۈستىگە قايتالايدۇ، ئەڭ مۇھىم يازما بېتىدە بىر كونۇپكا بىلەن ئىنكاس رايونىغا بارالايدۇدە سىزنىڭ يازمىڭىزغا ئۈماق باھادىن بىرنى قالدۇرۇپ كېتىپ قالىدۇ، ئۈنىمىنى مەزكۇر بلوگنىڭ ئوڭ تەرىپىدىن كۆرۈۋېلىڭ، ئۇنداقتا بىز ئىشنى باشلايلى.
كود قىسىمى
<script type="text/javascript">
// 滚屏
jQuery(document).ready(function($){
$('.scroll_t').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
$('.scroll_c').click(function(){$('html,body').animate({scrollTop:$('#respond').offset().top}, 800);});
$('.scroll_b').click(function(){$('html,body').animate({scrollTop:$('#footer').offset().top}, 800);});
});
</script>
يۇقۇرقى كودنى ئۇسلۇبىڭىزنىڭ header.php ھۆججىتىنى ئېچىپ نىڭ ئۈستىگە چاپلاڭ. چاپلاپ بولۇپ تۆۋەندىكى كودنى ئۇسلۇبىڭىزنىڭ footer.php ھۆججىتىنى ئېچىپ نىڭ ئۈستىگە چاپلاڭ.
كود قىسىمى
class="scroll_t" title="Usti">
if(is_single() || is_page()) { ?> class="scroll_c" title="Baha"> } ?>
class="scroll_b" title="Asti">
ئۇف،،،،ھېرىپ كەتتىڭىز ھە؟ ئەمدى ئازرا css ئويناپ قويامدۇ؟ ئوينايلى ئەمىسە! تۆۋەندىكى كودنى ئۇسلۇبىڭىزنىڭ style.css ھۆججىتىنىڭ ئەڭ ئاستىغا چاپلاڭ.
كود قىسىمى
#scroll{display:block;width:15px;position:fixed;top:40%;right:0;
_position:absolute;_margin-top:300px;
_top:expression(eval(document.documentElement.scrollTop)); z-index:6}
#scroll a{display:block;float:right;width:15px;height:40px;background:url(images/scroll.png) no-repeat;cursor:pointer}
#scroll a:hover{width:45px;background:url(images/scroll.png) no-repeat}
#scroll a.scroll_t:hover{background-position:-15px 0}
#scroll a.scroll_c{background-position:0 -40px}
#scroll a.scroll_c:hover{background-position:-15px -40px}
#scroll a.scroll_b{background-position:0 -80px}
#scroll a.scroll_b:hover{background-position:-15px -80px}
ئەڭ ئاخىردا تۆۋەندىكى رەسمنى چۈشۈرپ ئۇسلۇبىڭىزنىڭ images ھۆججەت قىسقۇچ ئىچىگە چىقىرىسىز، رەسىمنىڭ ھۆججەت نامىنى scroll.png غا ئۆزگەرتىپ چىقىرىڭ، بولمىسا كۆرۈنمەيدۇ.