淡入評論列表

<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>淡入評論列表</title>
    <style>
        * {
            margin:0; 
            padding:0;
        }
        #ul1 {
            width:400px; 
            height:400px; 
            border:1px solid black; 
            margin:10px auto; 
            overflow:hidden;
        }
        #ul1 li {
            border-bottom:1px #999 dashed; 
            padding:4px; list-style:none; 
            opacity:0;
        }
</style>
    <script src="move2.js"></script>
    <script>
        window.onload = function () {
            var oBtn = document.getElementById('btn1');
            var oUl = document.getElementById('ul1');
            var oTxt = document.getElementById('txt1');

            oBtn.onclick = function () {
                var oLi = document.createElement('li');

                oLi.innerHTML = oTxt.value;
                oTxt.value = '';

                if (oUl.children.length > 0) {
                    oUl.insertBefore(oLi, oUl.children[0]);
                } else {
                    oUl.appendChild(oLi);
                }

                var iHeigth = oLi.offsetHeight;

                oLi.style.height = '0';

                startMove(oLi, { height: iHeigth, opacity: 100 });
            }
        }
    </script>
</head>

<body>
    <textarea id="txt1" rows="4" cols="40"></textarea>
    <input id="btn1" type="button" value="發(fā)布" />
    <ul id="ul1">
    </ul>
</body>

</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容