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

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

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

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

یک پلاگین برای ایجاد گالری تصاویر به صورت اکاردئون میباشد. با حرکت موس روی هر اسلاید آن مورد به طور کامل نمایش داده میشود


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

روش استفاده :

فایلهای زیر را به پروژه اضافه میکنیم:

< script src="//code.jquery.com/jquery.min.js" >< /script >
< script src="js/accordion.min.js" >< /script >

قطعه کد HTML زیر را به کار اضافه میکنیم. میتوانید از تصاویر یا هر عنصر دیگری اضافه کرد

< div class="accordion" >
  < li >< img src="1.jpg" alt="" >< /li >
  < li >< img src="2.jpg" alt="" >< /li >
  < li >< img src="3.jpg" alt="" >< /li >
  < li >< img src="4.jpg" alt="" >< /li >
  < li >< img src="5.jpg" alt="" >< /li >
  < li >< img src="6.jpg" alt="" >< /li >
  ...
< /div >

فراخوانی پلاگین روی عنصر مورد نظر با قطعه کد زیر انجام میپذیرد.

$ ('.accordion').accordion();

جهت استایل دهی به عناصر از قطعه کد زیر استفاده میکنیم.

.accordion li {
 list-style: none;
 position: absolute;
overflow: hidden;
}	 
.accordion {
  width: 700px;
  height: 300px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
	}

  • 116
  •    162
  • تاریخ ارسال :   1398/10/25

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

ارسال

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

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