我总是在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>

最佳答案

当使用leftrighttopbottomcss属性时,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/

10-12 12:22