با استفاده از این پلاگین می توانید در سایت خود اینپوتی (input) با خاصیت برچسب متحرک (Animate Placeholder) داشته باشید.
آموزش استفاده
۱- فراخوانی کتابخانه پلاگین و خصوصیت ها
<link href='js&css/main.css' rel='stylesheet' type='text/css' /> <script type="text/javascript" src="js&css/jquery-1.9.1.js"></script> <script type="text/javascript" src="js&css/jquery-ui-1.10.3.custom.js"></script> <script type="text/javascript" src="js&css/jquery-ui-1.10.3.custom.min.js"></script> <script type="text/javascript" src="js&css/jquery.label_better.js"></script> <script> $(document).ready( function() { $(".label_better").label_better({ position: "top", animationTime: 500, easing: "ease-in-out", offset: 20 }); }); </script>
2- کد html جهت استفاده پلاگین
<div class="page-container"> <form class="bl_form"> <input dir="ltr" type="password" value="" class="label_better" data-new-placeholder="تکرار رمز عبور" placeholder="تکرار رمز عبور"> <input type="password" value="" class="label_better" data-new-placeholder="رمز عبور" placeholder="رمز عبور"> <input type="email" value="" class="label_better" data-new-placeholder="ایمیل" placeholder="ایمیل"> <input type="text" value="" class="label_better" data-new-placeholder="نام کاربری" placeholder="نام کاربری"> </form> </div>
جالب بود رضا مرسی
خواهش می کنم مهدی جان
درود
از وقتی با سایتتون آشنا شدم ، طراحی وب سایتم خیلی پیشرفت کرده واقعا ممنون