V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
joynic
V2EX  ›  编程

求帮助分享一段代码。

  •  
  •   joynic · 2012-03-11 17:25:51 +08:00 · 3521 次点击
    这是一个创建于 4638 天前的主题,其中的信息可能已经有所发展或是发生改变。
    对翻*东*西网右侧的收藏+回到顶部的按钮很有爱,有没有谁能帮忙把代码分享一下?非技术表示实在无能为力。谢谢啦^_^
    6 条回复    1970-01-01 08:00:00 +08:00
    qiuai
        1
    qiuai  
       2012-03-11 19:42:04 +08:00
    <div class="sidebar"><span data-status="true" class="ui_bbr5 fl mbm hide" style="display: inline;"><a onclick="Fan.utility.addFavorite('', 'http://www.fandongxi.com');" class="fl c_grey1 bgc" href="javascript:;"><i class="sp_icos sp_icos_fav pngfix"></i>收藏</a></span><span data-status="true" class="ui_bbr5 fl hide" style="display: inline;"><a onclick="(function(){$(document).scrollTop(0);})()" class="fl c_grey1 bgc top" href="javascript:;"><i class="sp_icos sp_icos_top pngfix"></i>回顶部</a></span></div>
    joynic
        2
    joynic  
    OP
       2012-03-11 20:51:41 +08:00
    @qiuai 谢谢^_^其它的怎么写呢?CSS和JS
    ShingChi
        3
    ShingChi  
       2012-03-11 21:07:27 +08:00
    @joynic 直接在你看到的网站拿它CSS行了
    joynic
        4
    joynic  
    OP
       2012-03-11 21:22:17 +08:00
    @ShingChi CSS有了,但是滚动时隐藏的JS找不到哦。
    qiuai
        5
    qiuai  
       2012-03-11 21:35:27 +08:00
    @joynic =.= 我不通JS.
    joynic
        6
    joynic  
    OP
       2012-03-12 18:17:35 +08:00
    <div class="addfav" id="goTopButton" style="display:none"><span class="ui_bbr5 fl hide" style="display:inline"><a onClick="window.external.AddFavorite(location.href, document.title);" class="fl" href="javascript:;"><i class="sp_icos sp_icos_fav"></i>收藏</a></span><span class="ui_bbr5 mbm fl hide" style="display:inline"><a class="fl" href="javascript:;"><i class="sp_icos sp_icos_top"></i>回到顶部</a></span></div>
    <script type="text/javascript">
    (function($){
    $('#goTopButton').click(function(event){
    $('html, body').animate({scrollTop:0}, 300);
    });
    $(window).scroll(function(event){
    if($(this).scrollTop() > 0){
    if($.browser.ie6){
    $('#goTopButton').css('top', $(this).scrollTop() + $(this).height() - 170);
    }
    if($('#goTopButton').css('display') == 'none'){
    $('#goTopButton').fadeIn();
    }
    }else{
    $('#goTopButton').fadeOut();
    }
    //顶部消息框位置
    var dis = 10 - $(this).scrollTop();
    if( 0<dis && dis<=10 ){
    $("#headerimg").css("top",dis+"px");
    }else{
    $("#headerimg").css("top","0");
    }
    });
    })(jQuery);
    </script>


    点击收藏,同样也回到顶部。什么原因呢?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3097 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 12:42 · PVG 20:42 · LAX 04:42 · JFK 07:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.