طراحی سایت شرکتی با کنترل پنل اختصاصی تحویل فوری - 250 هزار تومان اطلاعات بیشتر

پلاگین jQuery Nice Select جهت زیباسازی لیستهای HTML

پلاگین jQuery Nice Select جهت زیباسازی لیستهای HTML

jQuery Nice Select,پلاگین جی کوئری,لیست html

پلاگین jQuery Nice Select جهت زیباسازی لیستهای HTML

لیستهای html ظاهر مناسبی برای طراحی سایت زیبا ندارند. عملا میتوان گفت اگر لیستهای HTML را به همان شکل پیش فرض در سایت قرار دهید باعث دلزدگی کاربر می شود اما ما به شما پلاگینی معرفی می کنیم تا به راحتی ظاهر لیستها را تغییر داده و از زیبایی سایتتان لذت ببرید. اول دمو را ببینید مطمئنا جذب این پلاگین خواهید شد.

لینک دمو

ابتدا دو فایل jquery.nice-select.min.js , nice-select.css را دانلود و به پروژه ضمیمه کنید.

کد HTML پلاگین jQuery Nice Select

<select>
  <option data-display="Select">Nothing</option>
  <option value="1">Some option</option>
  <option value="2">Another option</option>
  <option value="3" disabled>A disabled option</option>
  <option value="4">Potato</option>
</select>

کد جاوااسکریپت پلاگین   jQuery Nice Select

<script>
    $(document).ready(function() {
  $('select').niceSelect();
});
</script>


کلاس های  small,right,wideبه ترتیب برای  عریض کردن، راست چین و چپ چین کردن لیست استفاده می شوند.
منبع: طراحی سایت ارزان

 

 

اگر سوالی در رابطه با این مطلب دارید می توانید از طریق فرم زیر ارسال کنید
  • ایمیل شما به هیچ عنوان در سایت نمایش داده نمی شود
  • کامنت شما بعد از تایید مدیر سایت نمایش داده می شود