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

我一直在试图欺骗我在这个链接中看到的东西 我想重现变化的效果。如果可能的话，比如用矩阵的方式交换单词。 已选中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>

网络制作者

Windows Phone开发人员

逆向工程

用户界面/用户体验爱好者

极客

人

html

网络制作者

Windows Phone开发人员

逆向工程

用户界面/用户体验爱好者

极客

人

引用了这个，你可以在JSFIDLE或其他工具中运行它并显示它吗？！内部淡入淡出是jquey的内置功能还是一个插件？当使用这个插件时，所有的css alighnmnet都在运行

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

<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>