首頁(yè) 猿問(wèn) 一個(gè)div需要不停的出現(xiàn)，問(wèn)題是需...

一個(gè)div需要不停的出現(xiàn)，問(wèn)題是需要實(shí)現(xiàn)位置變化

JavaScript

Qyouu 2018-07-10 13:26:29

這樣的一個(gè)div，默認(rèn)是存在在頁(yè)面左邊的，之后新增這樣一個(gè)div，屬性完全一樣的div，讓它出現(xiàn)在右邊，第三次新增這個(gè)div，讓他出現(xiàn)在左邊，第四次在右邊，以此類推補(bǔ)充的說(shuō)，這個(gè)div默認(rèn)開始只有一個(gè)，并且在左邊，頁(yè)面有個(gè)按鈕會(huì)不停的建立這個(gè)div，但是又不想每次出現(xiàn)都在左邊，而是一左一右那樣出現(xiàn) <div></div>

查看完整描述

1 回答

楊魅力

TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超6個(gè)贊

<style>#dv{overflow:auto}#dv div{float:right;width:100px;height:100px;border:solid 1px #000;margin-right:5px}#dv div:nth-child(2n+1){float:left;margin-left:5px;margin-right:0}</style>
<div id="dv"><div></div></div>
<input type="button" onclick="addDiv()" value="add div"/>
<script>
    function addDiv(){
        var dv=document.getElementById('dv');
        dv.appendChild(document.createElement('div'))
    }
</script>

反對(duì) 回復(fù) 2018-08-01