1、index.htmlを
<！DOCTYPE HTML>
<HTML LANG = "EN">
<ヘッド>
<メタ文字セット= "UTF-8">
<メタ名=「ビューポート」コンテンツ=「幅=装置幅、初期の規模= 1.0」>
<META HTTP-当量= "X-UA-互換性のある" コンテンツ= "IE =エッジ">
<タイトル>波紋</ TITLE>
<リンクのrel = "スタイルシート" のhref = "style.cssに">
<スクリプトSRC = "https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"> </ SCRIPT>
<スクリプトSRC = "https://cdn.bootcss.com/jquery.ripples/0.5.3/jquery.ripples.min.js"> </ SCRIPT>
</ head>の
<身体>
<DIV CLASS = "フル着陸-画像"> </ div>
<スクリプト>
$（ 'フル着陸画像'）。リップル（{
解像度：200、
摂動：0.04
}）
</ SCRIPT>
</ BODY>
</ HTML>
2、style.cssに
体{
マージン：0;
パディング：0;
}
.fullランディング画像{
幅：100％;
高さ：100VH。
背景：URL（./ hb.jpg）ノー・リピート;
背景サイズ：カバー;
}