扫码关注官方订阅号
小伙看你根骨奇佳，潜力无限，来学PHP伐。
需要设置potision:absolute或者position:relative
potision:absolute
position:relative
使用animate实现动画前，你要确保你需要改变的值是有效的，也就是说，就是在不使用animate的情况下，直接将此属性设置成css，其效果是可以被展示的。
animate
css
对于你的例子，你可以直接把这个di的css中加入left:250px，你会发现本身p就没有被移动，所以即使你使用了animate动画，也是没有效果的。其原因是你的p的position不是relative或者absolute的，也就不支持left属性。
di
left:250px
p
position
relative
absolute
left
你代码里有如下几个问题：不动是因为你没有为 #di 的css设置 position:absolute 或者 relative
完整的应该如下：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type="text/javascript" src="jquery-1.11.3.min.js"></script> $(function() { $("#di").click(function() { $(this).animate({ left: '250px' }); }); }); </script> <style> #di { position: absolute; width:100px; height:100px; background:#F00; } </style> </head> <body> <p id="di"></p> </body> </html>
最后建议把问题重新排版一下，格式太乱。
希望有所帮助~ ：）
设置potision:absolute;或者position:relative;才可以。因为不设置的话TRBL不会生效。发现类似问题，你可以先在你的代码里手动完成事件后的属性填值以发现问题。比如现在css里添加left属性看看是否会生效，你就会发现问题了。
也是醉了，代码好几处报错，细节很重要
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
5
509
收藏
需要设置
potision:absolute或者position:relative使用
animate实现动画前，你要确保你需要改变的值是有效的，也就是说，就是在不使用animate的情况下，直接将此属性设置成css，其效果是可以被展示的。对于你的例子，你可以直接把这个
di的css中加入left:250px，你会发现本身p就没有被移动，所以即使你使用了animate动画，也是没有效果的。其原因是你的p的position不是relative或者absolute的，也就不支持left属性。你代码里有如下几个问题：
不动是因为你没有为 #di 的css设置 position:absolute 或者 relative
完整的应该如下：
最后建议把问题重新排版一下，格式太乱。
希望有所帮助~ ：）
设置potision:absolute;或者position:relative;才可以。
因为不设置的话TRBL不会生效。
发现类似问题，你可以先在你的代码里手动完成事件后的属性填值以发现问题。比如现在css里添加left属性看看是否会生效，你就会发现问题了。
也是醉了，代码好几处报错，细节很重要