回到顶部（原创）

浏览：580次- 评论：0次- 发布时间：2017-03-30

Html

Css

var m_top = 300;
var m_scrolltop = 0;
var speed = 0.5;
$(".top").stop(true, false).animate({
    top: '100px'
}, "100"); //改变css bottom

$(document).scroll(function() {
    var stop = parseInt($(document).scrollTop());
    $(".top").stop(true, false).animate({
        top: stop + 100 + 'px'
    }, "100"); //改变css bottom
})
var bottom = 0;
var t_mover;
var t_out;
$(".top").mouseover(function() {
    clearInterval(t_out);
    m_over();
});
$(".top").mouseout(function() {
    clearInterval(t_mover);
    m_out();
});

function m_over() {
    t_mover = setInterval(function() {
        bottom = bottom + 100; //每次加100 是图片的高度
        if (bottom > 1000) //循环400-1000的高度。眨眼睛
            bottom = 400;
        $(".top_img").css('bottom', bottom + 'px'); //改变css bottom
    }, 100); //使用字符串执行方法 
    return bottom;
}

↑上面代码改变，会自动显示代码结果

jQuery调用版本：1.11.3

立即下载收藏

积分说明：注册即送10牛币，每日签到可获得5牛币，成为VIP会员可永久免牛币下载！充值积分充值会员更多说明»

代码描述：可爱的回到顶部插件

页面的导航的下拉滑动菜单，一个简单的不能再简单的例子，结合css3动画完成

讨论这个常用代码（0）回答他人问题或分享心得会奖励牛币

〒_〒居然一个评论都没有……

文明上网，理性发言！ 😉 阿里云幸运券，戳我领取