Div 固定时间间隔的数据交换

Question

我一直在试图恶搞我在这个 link 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>

Div 固定时间间隔的数据交换

Div data swap on fixed time interval

jquery

html

fade