طراحی وب سایت | طراحی سایت | شرکت طراحی وب سایت پروگ پارس

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

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

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

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

<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>

 

نظر دهید

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

دانلود و پیش نمایش فایل منوی تمام صفحه

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

سوالی دارید؟

● در تلگرام، پاسخگوی شما :)