JQuery初心者です。
ランダムな位置に吹き出しが表示される、というプログラムを作っています。
このコードには問題があり、たとえば、.fukidashiがleft: 100%;
やtop: 100%
となった場合、要素が画面からはみ出してしまいます。
left: 100%;
やtop: 100%;
がはみ出さず、ちょうど画面の右端に来るようないいアイデアはないでしょうか。
出来れば、幅を変えても対応できるようにしてほしいです。
html
1<div id="chat"> 2 <!-- PHPで複製(30個ほど) --> 3 <div class="fukidashi"><!-- 略 --></div> 4 <div class="fukidashi"><!-- 略 --></div> 5</div>
css
1#chat{ 2 width: 100%; 3 height: 100%; 4} 5.fukidashi{ 6 position: absolute; 7} 8/* 9画面もwidth,height100%です。 10吹き出しの幅は200pxに設定しています。 11*/
javascript
1$(document).ready(function(){ 2 $('#chat .fukidashi').each( 3 function(randompos){ 4 var left = Math.floor(Math.random() * 100); 5 var top = Math.floor(Math.random() * 100); 6 $(this).css('left',left + '%'); 7 $(this).css('top',top + '%'); 8 } 9 ) 10});
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。