JQuery的animate的marginTop自增动画在FF下的另类表现

最新推荐文章于 2024-04-15 19:17:28 发布

qinglinglaoren

最新推荐文章于 2024-04-15 19:17:28 发布

阅读量1.2w

点赞数

分类专栏： Div+Css+Js 文章标签： jquery html function xhtml

本文链接：https://blog.csdn.net/qinglinglaoren/article/details/8057289

版权

本文探讨了在Firefox浏览器中，使用JQuery的animate方法改变元素marginTop属性时出现的一种特殊动画效果。当marginTop值超过容器高度的负值时，元素会先向上移动，然后返回到可视区域。通过实验和分析，揭示了Firefox对于块级元素垂直margin的处理方式，提出了解决此类问题的链接资源。

摘要由CSDN通过智能技术生成

<!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>marginTop</title>
<style type="text/css">
	#con {
		width:300px;
		height:300px;
		border:solid 1px #F00;
		overflow:hidden;
	}
	#conc img {
		width:300px;
		height:300px;
	}
	#show {
		width:300px;
		height:200px;
		border:solid 1px #00f;
	}
</style>
<script type="text/javascript" src="js/jquery1.6.1.js"></script>
<script type="text/javascript">
	$(function() {
		var num = 0;
		var html = '';
		//setInterval(function() {
			$('#conc img').animate({
				//marginTop : '-=' + $('#con').

最低0.47元/天解锁文章

qinglinglaoren

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery的animate的marginTop自增动画在FF下的另类表现

marginTop #con { width:300px; height:300px; border:solid 1px #F00; overflow:hidden; } #conc img { width:300px; height:300px; } #show { width:300px; height:200px; border:solid 1
复制链接

扫一扫