我总是在CSS和JQuery的组合上遇到麻烦。有人能告诉我我做错了什么吗?我只想调动我的部门。谢谢大家提供的解决方案,我想进一步了解。我怎样才能在不同的方向移动它不止一次?
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
jQuery(document).ready(function () {
jQuery("#hello").mouseenter(function () {
jQuery("#hello").animate({ left: '150px' }, slow);
});
});
</script>
<div id="hello">
Hello World!
</div>
<style>
#hello{
color: gray;
background-color: gold;
width: 125px;
height: 125px;
position: fixed;
left: 350px;
top: 350px;
border-width: 2px;
border-color: lavender;
text-align: center;
}
</style>
最佳答案
当使用left
、right
、top
或bottom
css属性时,div需要设置一个位置,因此即使代码看起来正确,也不会有任何更改。
尝试为div设置一个位置,例如relative。
<style>
#hello{
color: gray;
background-color: gold;
width: 125px;
height: 125px;
position: fixed;
left: 350px;
top: 350px;
border-width: 2px;
border-color: lavender;
text-align: center;
position: relative;
}
</style>
<script>
jQuery(document).ready(function () {
jQuery("#hello").mouseenter(function () {
jQuery("#hello").animate({ left: '150px' }, 'slow');
});
});
</script>
关于javascript - 我不能动我的股利,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31184205/