[Dilettante_Pro]

<style>
    #presentation   {
        border-radius: 8px;
        position: relative;
        margin: 20px 0;
        padding: 12px;
        height: 90px;
        width: 95%;
    }
    
    #mainContents #presentation p    {
        box-shadow: 0 0 5px #999;
        background: #FFFFFF;
        position: absolute;
        border-radius: 8px;
        padding: 10px;
        top: 0px;
    }
</style>
    <div id="mainContents">
        <div id="presentation">
            <p>lorem.</p>
            <p>ipsum.</p>
            <p>dolor.</p>
        </div>
    </div>
    <script>
        var e = document.getElementsByTagName('p');
        var t = 900;
        var ind = 0;
        setInterval(function () {
            e[ind].style.zIndex = 0;
            ind++;
            if (ind == e.length) { ind = 0; }
            e[ind].style.zIndex = 1;
        }, t);
    </script>