求帮助分享一段代码。

2012-03-11 17:25:51 +08:00
 joynic
对翻*东*西网右侧的收藏+回到顶部的按钮很有爱,有没有谁能帮忙把代码分享一下?非技术表示实在无能为力。谢谢啦^_^
3548 次点击
所在节点    编程
6 条回复
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
2012-03-11 20:51:41 +08:00
@qiuai 谢谢^_^其它的怎么写呢?CSS和JS
ShingChi
2012-03-11 21:07:27 +08:00
@joynic 直接在你看到的网站拿它CSS行了
joynic
2012-03-11 21:22:17 +08:00
@ShingChi CSS有了,但是滚动时隐藏的JS找不到哦。
qiuai
2012-03-11 21:35:27 +08:00
@joynic =.= 我不通JS.
joynic
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>


点击收藏,同样也回到顶部。什么原因呢?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/29335

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX