javascript - 滑动盒错误

This是我的网页。如您所见，当您将鼠标悬停在“广告”按钮上时，转换仅显示广告的一部分。我希望它显示整个广告。这是我正在使用的代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {$(".wcfbslide").hover(function() {$(this).stop().animate({right: "-5"}, "slow");}, function() {$(this).stop().animate({right: "-300"}, "medium");}, 500);});
</script>
<style type="text/css">
    .wcfbslide{
         background: url("http://danithemes.fanscity.eu/shugar/wp-content/uploads/2014/11/ads1.png") no-repeat scroll left center transparent !important;
         display: block;
         float: right;
         height: 110px;
         padding:0 5px 0 46px;
         width: 295px;
         z-index: 99999;
         position:fixed;
         right:-300px;
         top:30%;
    }

    .wcfbslide div {
        border:none;
        position:relative;
        display:block;
    }

    .wc-gplusfollow {
         position: relative;
         padding: 10px;
         background:#ffffff;
         border: 1px solid #ccc;
         box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2);
    }
</style>
    <div class="wcfbslide">
        <div class="wc-gplusfollow">
            <script src="http://fanscity.eu/ads/728x90.js"></script>
        </div>
    </div>

最佳答案

您可以只增加“ right”属性的值，现在将其移至正确的位置：-5px，尝试使其正确达到440px。

$(this).stop().animate({right: "440px"}, "slow");

关于javascript - 滑动盒错误，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26821089/