با استفاده از این پلاگین می توانید در سایت خود از لودینگ های مختلف استفاده کنیم.
آموزش استفاده
۱- فراخوانی کتابخانه پلاگین و خصوصیت ها
<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>
مرسی رضا جان جالب بودن استفاده کردم .
خواهش می کنم مهدی جان
سلام عالی بود ایده خوبی گرفتم.
ممنون
خواهش می کنم داوود جان
سلام آقا من میخوام لودینگ یوتوبش رو بذارم ولی هرکاری کردم نشد تازه واردیم لطفا کمکم می کنید/ممنون