Emlog返回顶部和底部的自定义代码

Emlog返回顶部和底部的自定义代码

EMLOGben2013-04-1313:14:405156A+A-

1.把下列代码放到对应的模版下的main.css中#goto{position:absolute;top:610px;left:1030px}#goto#top,#goto#bottom{width:28px;height:41px;margin:5px0!important;background:url('images/goto.gif')no-repeat;display:block;text-indent:-9999px;cursor:pointer}#goto#top{background-position:00}#goto#bottom{background-position:0100%}

 

2.修改footer.php的信息
<divid="goto"><divid="top">顶部</div><divid="bottom">底部</div></div>
<scripttype="text/javascript"src="<?phpechoBLOG_URL;?>include/lib/js/jquery/jquery-1.7.1.js"></script>
<scripttype="text/javascript">
jQuery(function($){
$('#top').click(function(){
$('html,body').animate({scrollTop:'0px'},800);
returnfalse;
});
$('#bottom').click(function(){
$('html,body').animate({scrollTop:$('#footerbar').offset().top},800);
returnfalse;
});
$(window).scroll(function(){
$("#goto").animate({top:($(window).scrollTop()+200)+"px"},{queue:false,duration:1000})
});
});
</script>
3. 注意红字部分换成你自己的图片和地址即可。然后大功告成,可参考本站的效果。
点击这里复制本文地址以上内容由蒙文软件大全整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

支持Ctrl+Enter提交

蒙文软件大全© All Rights Reserved.  蒙文软件大全 Copyright ©2018 蒙ICP备13001995号-4
PoweredbyZ-BlogPHPThemesby蒙古文软件
联系我们|关于注册|留言建议|管理|

本站会员尊享VIP特权,现在就加入我们吧!登录注册×
»
会员登录
新用户注册
×
会员注册
获取邀请码
已有账号登录
×