js点击事件后底部顶部

最新推荐文章于 2023-06-24 17:37:46 发布

xlj3

最新推荐文章于 2023-06-24 17:37:46 发布

阅读量870

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/luman1991/article/details/54098089

版权

jquery 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

<html><script type="text/javascript" src="jquery-1.8.0.min.js"></script>

<head>
<link rel="stylesheet" type="text/css" href="multiselectSrc/jquery.multiselect.css" />
<link rel="stylesheet" type="text/css" href="assets/style.css" />
<link rel="stylesheet" type="text/css" href="assets/prettify.css" />
<link rel="stylesheet" type="text/css" href="jquery-ui.css" />
<script type="text/javascript" src="jquery.min.js"></script>
<style type="text/css">
 #frm label.error {
 color: Red;
 }
</style>
</head>
<script type="text/javascript">

$(function(){debugger;
	 $('#top').click(function(){alert(0);
		$('html,body').animate({
			scrollTop: '0px'
		}, 1000);
			return false;
		});
   $('#foot').click(function(){
		$('html,body').animate({
				scrollTop: $('#footer').offset().top
			},1000);
			return false;});
	
	});
function onSubmit(object) {
		alert();
	}

 
</script>
<body>
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br /><br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br /><br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br /><br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br /><br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<br/><br /><br /><br />
<input type="button" οnclick="onSubmit(this)"   class="redbutton" value="顶部" id="top"/>
<input type="button"  class="redbutton"value="底部" id="foot"/>
</body>
</html>

animate() 方法执行 CSS 属性集的自定义动画。