طراحی وب سایت | طراحی سایت | شرکت طراحی وب سایت پروگ پارس

تغییر پس زمینه با پایین آوردن اسکرول

با استفاده از این پلاگین می توانید چند تا پس زمینه با پایین اوردن اسکرول در سایت خود داشته باشد

آموزش استفاده

۱- فراخوانی کتابخانه پلاگین و خصوصیت ها

                <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
                <script src="js/jquery.easing.min.js"></script>
                <script src="js/waypoints.min.js"></script>
		<script src="js/jquery.debouncedresize.js"></script>
		<script src="js/cbpFixedScrollLayout.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/default.css" />
		<link rel="stylesheet" type="text/css" href="css/component.css" />
		<script src="js/modernizr.custom.js"></script>

2-  کد html جهت استفاده پلاگین

                <div class="container">
			<header class="clearfix">
                <h2 style="text-align:center;">دنیای جی کوئری</h2><br />
				<h1>Fixed Background Scrolling Layout</h1>
			</header>	
			<div id="cbp-fbscroller" class="cbp-fbscroller">
				<section id="fbsection1"></section>
				<section id="fbsection2"></section>
				<section id="fbsection3"></section>
				<section id="fbsection4"></section>
				<section id="fbsection5"></section>
			</div>
		</div>
		<script>
			$(function() {
				cbpFixedScrollLayout.init();
			});
		</script>

نظر دهید

دانلود و پیش نمایش

دانلود و پیش نمایش فایل تغییر پس زمینه با پایین آوردن اسکرول

دانلود پلاگین پیش نمایش آنلاین

سوالی دارید؟

● در تلگرام، پاسخگوی شما :)