2016-12-27 152 views
0

使用math.random,我可以隨機將div放置在左邊。但我需要隨機設置「左」和「右」位置。隨機css位置jquery

jQuery('#popup-container').css({'left' : (Math.floor(Math.random() * 15) + 3) + '%'})
<div id="popup-container" style="background:red;width:30px; height:30px;"></div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

實施例,在屬性 「的CSS({左」,與 「左或右」 的randon。與這些位置的數組。我如何做呢?

回答

3

簡單地使一個數組,推動「左」和「右」了進去。

var positions = []; 
positions.push('left'); 
positions.push('right'); 

現在,使用的Math.random選擇的職位數組的索引。

jQuery('#popup-container').css(positions[Math.floor(Math.floor(Math.random()%2))], (Math.floor(Math.random() * 15) + 3) + '%') 

希望這會有所幫助。

問候

+0

謝謝SPIDS:d 但代碼是給語法錯誤,難道我錯了嗎? –

+1

不,也許我寫了一個錯誤的語法:D 給我一分鐘,我沒有測試過。我會測試它並進行編輯;) –

+1

進行了必要的更改。請現在審查 –