【jQuery】画像の背景を固定したページを作成するためのjQueryプラグインFixed Background Images

jQuery

Fixed Background Images

May 7, 2018

Fixed Background Imagesはページのコンテンツをスクロールしながら背景イメージを修正するためのjQueryプラグイン。新しいページがスクロールされると、背景イメージが変化します。

How to include

<script src="http://code.jquery.com/jquery-[latest].min.js">
<script src="jquery.fixedbg.min.js">

How to use

<div class="page">
	<!-- Content -->
</div>
<div class="page">
	<!-- Content -->
</div>

<style type="text/css">
	.page:nth-child(1){
    background-image: url("pic1.jpg");
  }
  .page:nth-child(2){
    background-image: url("pic2.jpg");
  }
</style>

<script src="jquery.js"></script>
<script src="jquery.fixedbg.min.js"></script>
<script>
$(function($) {
  $(".page").fixedBG(); 
});
</script>

Latest Posts

Related Posts