آموزش ساخت منوی شناور با CSS و jQuery

حتما تا کنون وارد سایت هایی شده اید که هنگامی که اسکرول را به پایین می کشید منوی سایت در بالاترین قسمت سایت همراه با شما به پایین کشیده می شود. در این مطلب قصد داریم به شما آموزش دهیم که چگونه چنین منویی با استفاده از  CSS و jQuery برای سایت خود ایجاد کنید.

حتما تا کنون وارد سایت هایی شده اید که هنگامی که اسکرول را به پایین می کشید منوی سایت در بالاترین قسمت سایت همراه با شما به پایین کشیده می شود. در این مطلب قصد داریم به شما آموزش دهیم که چگونه چنین منویی با استفاده از  CSS و jQuery برای سایت خود ایجاد کنید.

http://dl.persianscript.ir/img/fix-menu-css-jquery.jpg

http://dl.persianscript.ir/img/fix-menu-css-jquery.jpg

در ابتدا ما کد HTML منوی خود را با استفاده از لیست ها (ul) ایجاد می کنیم.

<div>
<div>
<ul>
<li><a href="https://www.persianscript.ir">خانه</a></li>
<li><a href="http://forum.persianscript.ir">تالار گفتگو</a></li>
<li><a href="http://up.persianscript.ir">آپلود فایل</a></li>
<li><a href="">تماس با ما</a></li>
</ul>
</div>
</div>

سپس کد css برای ایجاد منو را به صورت “text-align: right”>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>


برچسب ها:
آموزش ساخت منوی شناور اموزش ساخت منوی همراه ساخت منو سایت ساخت منوی fix منوی css

دانلود از سایت پرشین اسکریپت

اشتراک‌گذاری

دیدگاهتان را بنویسید

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