آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش پلاگین Incircle در JQuery

دوره های مرتبط با این مقاله

آموزش پلاگین Incircle در JQuery

یک پلاگین سبک برای نمایش دایره ای تعدادی عنصر میباشد.از این پلاگین میتوان برای نمایش دایره ای شبکه های اجتماعی و منوی حلقوی استفاده کرد.


آموزش پلاگین Incircle در JQuery
< script src="/path/to/jquery.slim.min.js" >< /script >
< script src="/path/to/jquery.incircle.js" >< /script >

بعد از قراردادن لینک فایل های مورد نیاز در پروژه ، با استفاده از لیست نامرتب عناصر را کنار یکدیگر میچینیم.

< ul id="example" >
  < li >Center< /li >
  < li >Item 1< /li >
  < li >Item 2< /li >
  < li >Item 3< /li >
  < li >Item 4< /li >
  < li >Item 5< /li >
  < li >Item 6< /li >
  < li >Item 7< /li >
  < li >Item 8< /li >
< /ul >

فراخوانی این پلاگین بدون هیچ option امکان پذیر است.
با استفاده از option ، type میتوانیم نوع دایره را تبدیل به نیم دایره یا ربع دایره کرد.

$ ('#example').incircle({
  type : .5
	});

شعاع دایره را میتوان به صورت px یا Em مشخص کرد

$ ('#example').incircle({
  radius :'10em'
	});

موقعیت را با استفاده از عناصر top و left در جای مناسب قرار می دهیم.

$ ('#example').incircle({
  top:'200px',
  left:'200px'
});

جهت قرارگیری عناصر را مشخص میکند . اینکه از چه درجه ای در دایره شروع به حرکت انیمیشن کند

$ ('#example').incircle({
  start : -90
	});
  • 85
  •    142
  • تاریخ ارسال :   1398/11/02

دانلود PDF دانلود سورس کد دانلود فیلم آموزشی دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
آموزش پلاگین Incircle در JQuery
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .