Question

因为标题说我想要实现的是淡入淡出，"Patch " + $Patch_next字符串在悬停时不会立即显示。

if(isset($Patch_next)){
                echo'<a onmouseover="next_patch(this)" onmouseout="next(this)" href="'.$Patch_next.'" style="float: left; margin-top: 10px;" class="change_patch">NEXT</a>';}
            if(isset($Patch_previous)){
                echo '<a href="'.$Patch_previous.'" class="change_patch" style="float: right; margin-top: 10px; text-align: right;">PREVIOUS</a>';}
                mysqli_close($conn);
        //Previous and Next patch buttons       
                echo '</div>
            </body>
        </html>';
    }
?>
    <script>
        function next_patch(x){
            x.innerHTML="Patch "+<?php echo $Patch_next;?>.fadeIn();

        }
        function next(x){
            x.innerHTML="NEXT";
        }

    </script>

Answer 1

您可能希望使用CSS：

.test {
    -webkit-transition: 0.25s; /* Safari 3.1 to 6.0 */
    transition: 0.25s;
    opacity: 0.3;
}
.test:hover {
    opacity: 1;
}

<p class="test">Hello World</p>

jQuery版本：

$(document).ready(function() {
    $('.test').fadeOut('slow', function() {
        $('.test').text('test2').fadeIn('slow');
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="test"><?php echo $Patch_next ;?></p>

Answer 2

如果理解正确，您希望从一段文本到另一段文本的平滑淡入转换？

这肯定不是你可以用一个标准的Javascript调用做的事情，但我最近看到了一个我认为会做你想做的Javascript库。

看看Ramjet。页面上的示例非常清楚它的功能，页面可以很好地解释如何编写代码以使用它。

希望有所帮助。

内心变化渐弱

2 个答案: