以下是 jQuery实现玫瑰花瓣飘落效果js代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery实现玫瑰花瓣飘落效果</title>
<style type="text/css">
body {
background-color: #000;
}
</style>
</head>
<body>
<div style="height:900px; width:100%">七夕情人节花瓣飘落</div>
<script type="text/javascript" class="autoinsert" src="js/jquery-1.2.6.min.js"></script>
<script src="js/snowfall.jquery.js"></script>
<script>
$(document).snowfall('clear');
$(document).snowfall({
image: "images/huaban.png",
flakeCount: 30,
minSize: 5,
maxSize: 22
});
</script>
</body>
</html>
分享到QQ
分享到微博
微信扫一扫
