Question

我一直试图欺骗我在此链接中看到的内容check this link. what i need is the changing div there. 我想重新创造变化的效果。如果可能的话，就像用矩阵方式交换单词一样。检查了jquery innerfade但没有工作。有人可以帮忙吗？

我已经拥有的东西

$(document).ready(
    function(){
        $('.changer1').innerfade({
            animationtype: 'slide',
            speed: 750,
            timeout: 2000,
            type: 'random',
            containerheight: '1em'
        });

        $('.changer2').innerfade({
            speed: 'slow',
            timeout: 4000,
            type: 'sequence',
            containerheight: '220px'
        });

        $('.changer3').innerfade({
            speed: 'slow',
            timeout: 1000,
            type: 'sequence',
            containerheight: '1.5em'
        });
    }

和我的HTML：

<div class='changer1'>
    <p> Web Maker </p>
</div>
<div class='changer2'> 
    <p> Windows Phone Dev</p>
</div> 
<div class='changer3'>
    <p> Reverse Engineer</p>
</div>
<div class='changer4'>
    <p> UI/UX Lover </p>
</div> 
<div class='changer5'>
    <p> Geek</p>
</div>
<div class='changer6'>
    <p> Human </p>
</div>

Answer 1

$(document).ready(
    function(){
        $('.changer1').innerfade({
            animationtype: 'slide',
            speed: 750,
            timeout: 2000,
            type: 'random',
            containerheight: '1em'
        });
});

html

<div class='changer1'>
    <p> Web Maker </p>

    <p> Windows Phone Dev</p>

    <p> Reverse Engineer</p>

    <p> UI/UX Lover </p>

    <p> Geek</p>

    <p> Human </p>
</div>

按固定时间间隔划分数据交换

1 个答案: