ijquery

افکت های لودینگ

screenshot

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

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

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

		<link rel="stylesheet" type="text/css" href="css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="css/component.css" />
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
		<script src="js/modernizr.custom.js"></script>

 

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

		<div class="la-anim-1"></div>
		<div class="la-anim-2"></div>
		<div class="la-anim-3"></div>
		<div class="la-anim-4"></div>
		<div class="la-anim-5"></div>
		<div class="la-anim-6">
		<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="500" height="500" viewbox="0 0 500 500">
		  <path id="la-anim-6-border" transform="translate(250, 250)"/>
		  <path id="la-anim-6-loader" transform="translate(250, 250) scale(0.9)"/>
		</svg>
		</div>
		<div class="la-anim-7"></div>
		<div class="la-anim-8"><div></div><div></div></div>
		<div class="la-anim-9"><div></div><div></div><div></div><div></div></div>
		<div class="la-anim-10"></div>
		<div class="la-anim-11"></div>
		<div class="la-anim-13"></div>
		<div class="container">
			<header>
                <a href="http://ijquery.ir"><h1 class="la-anim-12" data-content="دنیای جی کوئری">دنیای جی کوئری</h1></a>
			</header>
			<div class="main">
				<div id="la-buttons" class="column">
					<button data-anim="la-anim-1">YouTube</button>
					<button data-anim="la-anim-2">Fill from left</button>
					<button data-anim="la-anim-3">Fill from down</button>
					<button data-anim="la-anim-4">Expanding box</button>
					<button data-anim="la-anim-5">3D Bar Bottom</button>
					<button data-anim="la-anim-6">Pie Timer</button>
					<button data-anim="la-anim-7">Centered Expanding Line</button>
					<button data-anim="la-anim-8">Fill Sides</button>
					<button data-anim="la-anim-9">Surrounding Borders</button>
					<button data-anim="la-anim-10">Corner indicator</button>
					<button data-anim="la-anim-11">Big Counter</button>
					<button data-anim="la-anim-12">Filling Title</button>
					<button data-anim="la-anim-13">Flat Top Bar</button>
				</div>
			</div><!-- /main -->
		</div><!-- /container -->
        <script src="js/classie.js"></script>
        <script src="js/main.js"></script>

 


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

5 دیدگاه دربارهٔ «افکت های لودینگ»

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

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