ブロック要素に雪を降らせるjavascriptを設置しようと試しています。
ほぼ、やりたいことはできたのですが。
現在の状態だと、ウィンドウの横幅が変わったときに
(例えば最大化から最小化したとき)
ウィンドウ幅を変更する前の雪の量が残っているので
あまり綺麗になりません。
ウィンドウ幅が変わったときに再描画するようにしたいのですが、
現在のjavascriptに、どのようなコードを追加すればよいでしょうか。
ご指南お願いします。
javascript
1snowFall.snow( 2 document.querySelectorAll(".fall"), 3 { 4 shadow : true, 5 flakeCount:140, 6 //image : "fall/snow.png", 7 minSize: 5, 8 maxSize:16, 9 shadow : false, 10 maxSpeed : 1, 11 }); //雪の量と画像の指定
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3 4<head> 5<title>Title</title> 6 <meta charset="UTF-8"> 7 <meta name="description" content=""> 8 <meta name="keywords" content=""> 9 <script src=".js" type="text/javascript"></script> 10 <link href=".css" rel="stylesheet" type="text/css" media="screen,print"> 11 12<style> 13.fall {position:absolute; top:100px; width:100%; height:200px;border:1px solid black;} 14</style> 15 16</head> 17<body style="background-color:#666666;"> 18<div style="width:200px; height:300px;"> 19あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br> 20</div> 21<div> 22<div class="fall"> 23<script src='snowfall.min.js'></script> 24<script src="snowfall.jquery.min.js"></script> 25<script src="snowfall.setting.js"></script> 26</div> 27</div> 28 29 30</body> 31 32</html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/11/21 06:05