JQ之返回顶部

来源：互联网发布：成都php找工作很难编辑：程序博客网时间：2024/05/23 00:09
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>JQ之返回顶部</title><script src="http://code.jquery.com/jquery-latest.js"></script><script language="javascript">function init_gotop(){$("#go_top").css("top",$(document).scrollTop()+$(window).height()-80);$(window).scroll(function(){$("#go_top").css("top",$(document).scrollTop()+$(window).height()-80);if($(document).scrollTop()>0)$("#go_top").fadeIn();else$("#go_top").fadeOut();});$("#go_top").bind("click",function(){$("html,body").animate({scrollTop:0},"fast","swing",function(){});});}$(document).ready(function(){init_gotop();});</script><style type="text/css">#go_top {    cursor: pointer;    position: fixed;    _position: absolute;    right: 23px;    bottom: 20px;    width: 60px;    height: 60px;    -moz-border-radius: 3px;    -webkit-border-radius: 3px;    border-radius: 3px;    display: none;    z-index: 60;}</style></head><body><a id="go_top" href="javascript:void(0);">回到顶部</a></body></html>
1 0