<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>jQuery10种不同的水球效果</title>
<style>
.wrap { margin: 100px 0; text-align: center;}
</style>
</head>
<body>
<h1>默认效果</h1>
<div class="wrap">
<canvas id="sucaihuo"></canvas>
</div>
<script src="/api/jq/5733e33a2793d/js/jquery-1.8.3.min.js"></script>
<script src="/api/jq/5733e33a2793d/js/waterbubble.js"></script>
<script>
$(function(){
$('#sucaihuo').waterbubble();
});
</script>
</body>
</html>