ijquery

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

screenshot

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

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

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

                <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>

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

3 دیدگاه دربارهٔ «تغییر پس زمینه با پایین آوردن اسکرول»

  1. واقعا خسته نباشید من خیلی وقته وبسایت شما رو چک می کنم و ازش استفاده می برم.
    لطفا به کارتون ادامه بدید و پست های جدید منتشر کنید.
    منتظر هستم

  2. این فایل modernizr custom js به چه دردی میخوره ؟
    من توی فایل های سایتم که طراح برام فرستاده دیدم ، ولی با حذفش هیچ خللی در سایت وارد نمیشه
    ممنون میشم توضیح بدید.
    سپاس فراوان

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *