热门关键字:
jquery > jquery插件 > jquery置顶特效 > jquery实现返回顶部和转到底部特效

jquery实现返回顶部和转到底部特效

18865
所属分类:jquery置顶特效
发布时间:2015/7/20 20:39:51
下载量:2013
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Detail.aspx?id=497

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实现返回顶部和转到底部特效





如果您觉得本作品对您的学习有所帮助:支付鼓励



关键字:置顶特效 返回顶部 jquery特效
  • jquery实现返回顶部和转到底部特效如果你喜欢学院的资源就下载吧,亲,谢谢!
  • jquery实现返回顶部和转到底部特效
  • jquery实现返回顶部和转到底部特效
  • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

声明: 本站内容均为网友原创或整理于互联网,版权归作品最初创作人,转载请注明(出处)原文链接,转载前请邮件至磐temdy@qq.com,一旦发现造成侵权行为,后果自负。。

友荐云推荐