ijquery

منوی تمام صفحه

screenshot

با استفاده از این پلاگین می توانید در سایت خود منویی ریسپانسیو داشته باشید.

آموزش استفاده

۱- فراخوانی کتابخانه پلاگین و خصوصیت ها

<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery.fullscreennav.min.js"></script>

2- کد html جهت استفاده پلاگین

<header>
	<a href="#" class="open-menu-btn">Menu</a>
		<h1>Full Screen Nav</h1>
		<nav>
		<ul>
                    <li><a href="#">دنیای جی کوئری</a></li>
                    <li><a href="#">دنیای جی کوئری</a></li>
                    <li><a href="#">دنیای جی کوئری</a></li>
                    <li><a href="#">دنیای جی کوئری</a></li>
                    <li><a href="#">دنیای جی کوئری</a></li>
                    <li><a href="#">دنیای جی کوئری</a></li>
                    <li><a href="#">دنیای جی کوئری</a></li>
                    <li><a href="#">دنیای جی کوئری</a></li>
                    <li><a href="#">دنیای جی کوئری</a></li>
                    <li><a href="#">دنیای جی کوئری</a></li>
		</ul>
		</nav>
</header>
<script>
	$(function() {
		$("nav").fullScreenNav();
	});
</script>

 


پیش نمایش دانلود فایل پلاگین

3 دیدگاه دربارهٔ «منوی تمام صفحه»

  1. نمیشه کاری کردی که این فول اسکرین اول که سایت باز میشه اتوامتیک بیادش و بعدش بعد از چند ثانیه اتوماتیک بسته شه ؟
    مثه preloader

    ممنون میشم اگه اینکارو بکنید یا راهنمایی کنید باید چیکار کنم

  2. سلام دوست عزیز ممنون من خیلی تو نت ( سایت ایرانی و خارجی ) دنبال همچین چیزایی بودم که بالاخره اینجا پیدا کردم .. فقط یه مشکل دارم هیچکدومشو نمیتونم داخل وردپرس یا هر اسکریپت دیگه ای قرار بدم لطفا یه آموزش کلی بذارید که کد ها رو دقیقا تو چه فایلی قرار بدیم کجا فراخوانی کنیم فایل های css رو کجا بذاریم که مثلا داخل قالب وردپرس نشون داده بشه ، من منوی دایره ای قرمز رو قرار دادم فقط صفحه ی اول رو نمایش میده بماند که کل قالب بهم میریزه یا همین منو خواهشا یه آموزش جامع بگذارید… تشکر

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *