javascriptで、雪を 『fall』とclassをつけたdiv要素だけに降らしたいのですが
うまくいきません。下記にあるjavascriptをどこかいじるだけでうまくできたりしますか?
どうか、よろしくお願いします。
HTML5
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</head> 13<body style="background-color:#666666;"> 14あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br> 15<div> 16<div style="width:200px; height:300px;" class="fall"> 17<script src='snowfall.min.js'></script> 18<script src="snowfall.jquery.min.js"></script> 19<script src="snowfall.setting.js"></script> 20</div> 21</div> 22 23 24</body> 25 26</html>
下記 snowfall.setting.js
javascript
1 2 //default options 3 snowFall.snow(document.body, {shadow : true, flakeCount:200, /*image : "images/flake.png", minSize: 10, maxSize:32*/}); //雪の量と画像の指定
追記 回答をいただいたコードで試してみましたが、
下記の画像のように上にずれて表示され
うまくdiv要素の中に納まってくれません。
javascript
1snowFall.snow( 2 document.querySelectorAll(".fall"), 3 { 4 shadow : true, 5 flakeCount:200 6 /*image : "images/flake.png", 7 minSize: 10, 8 maxSize:32*/ 9 }); //雪の量と画像の指定
回答2件
あなたの回答
tips
プレビュー