jquery实现返回顶部和转到底部特效是今天晚上遛网站的时候看到效果才实现的,所以第一时间整理出来分享给大家的,jquery代码简洁,实现简单,直接就可以拿来使用,大家好好利用哦。。。
jquery代码如下:
jQuery(document).ready(function($){
$('.scroll_t').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
$('.scroll_b').click(function(){$('html,body').animate({scrollTop: document.body.clientHeight+'px'}, 800);});
});
$(document).ready(function(){
$("ul.scroll li").hover(function() {
$(this).find("div").stop()
.animate({right: "0", opacity:1}, "fast")
.css("display","block")
}, function() {
$(this).find("div").stop()
.animate({right: "0", opacity: 0}, "fast")
});
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
置顶特效 返回顶部 jquery特效