منو جی کوئری زیبا برای صفحات استاتیک و دینامیک

**Warez-Host.IR** · August 7th, 2010, 23:29

خوبه حالا که متوجه شدم دوستان مقداری علاقه نشان میدن به آموزشهایی که قرار میدم
سعی میکنم در زمانهای بیکاری بیشتر مطالب قرار بدم

==================================================

خوب بریم سر آموزشی

1 - ابتدا فایل ضمیمه را دانلود کنید
2 - سپس فایلهای :

کد:

images' folder, menu.css, menu.js و  jquery.js

را در مسیرهای مورد منظر آپلود کنید
3 - فایل ایندکس موردنظر خورد باز کنید مثلاً index.html
تک <head> را بیابید و بعد از آن کدهای زیر را قرار دهید :

کد:

    <link type="text/css" href="menu.css" rel="stylesheet" />
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="menu.js"></script>

4 - تگ <body> را در همان فایل بیابین و بعد از آن کدهای زیر را قرار دهید :

کد:

   <div id="menu">
        <ul class="menu">
            <li><a href="#" class="parent"><span>Home</span></a>
                <div><ul>
                    <li><a href="#" class="parent"><span>Sub Item 1</span></a>
                        <div><ul>
                            <li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
                                <div><ul>
                                <li><a href="#"><span>Sub Item 1.1.1</span></a></li>
                                <li><a href="#"><span>Sub Item 1.1.2</span></a></li>
                                </ul></div>
                            </li>
                            <li><a href="#"><span>Sub Item 1.2</span></a></li>
                            <li><a href="#"><span>Sub Item 1.3</span></a></li>
                            <li><a href="#"><span>Sub Item 1.4</span></a></li>
                            <li><a href="#"><span>Sub Item 1.5</span></a></li>
                            <li><a href="#"><span>Sub Item 1.6</span></a></li>
                            <li><a href="#" class="parent"><span>Sub Item 1.7</span></a>
                                <div><ul>
                                <li><a href="#"><span>Sub Item 1.7.1</span></a></li>
                                <li><a href="#"><span>Sub Item 1.7.2</span></a></li>
                                </ul></div>
                            </li>
                        </ul></div>
                    </li>
                    <li><a href="#"><span>Sub Item 2</span></a></li>
                    <li><a href="#"><span>Sub Item 3</span></a></li>
                </ul></div>
            </li>
            <li><a href="#"><span>Product Info</span></a>
                <div><ul>
                    <li><a href="#" class="parent"><span>Sub Item 1</span></a>
                        <div><ul>
                        <li><a href="#"><span>Sub Item 1.1</span></a></li>
                        <li><a href="#"><span>Sub Item 1.2</span></a></li>
                        </ul></div>
                    </li>
                    <li><a href="#" class="parent"><span>Sub Item 2</span></a>
                        <div><ul>
                        <li><a href="#"><span>Sub Item 2.1</span></a></li>
                        <li><a href="#"><span>Sub Item 2.2</span></a></li>
                        </ul></div>
                    </li>
                    <li><a href="#"><span>Sub Item 3</span></a></li>
                    <li><a href="#"><span>Sub Item 4</span></a></li>
                    <li><a href="#"><span>Sub Item 5</span></a></li>
                    <li><a href="#"><span>Sub Item 6</span></a></li>
                    <li><a href="#"><span>Sub Item 7</span></a></li>
                </ul></div>
            </li>
            <li><a href="#"><span>Help</span></a></li>
            <li class="last"><a href="#"><span>Contacts</span></a></li>
        </ul>
    </div>

ر پایان بخشهای مورد نظر ارمطابق میل خود لینک دهید و نام گذاری کنید و ذخیره کنید .

سوالی بود در خدمتم
موفق باشید

در پایان دوستان اگر جویای مطالب بیشتر بودن در آدرسهای زیر در خدمتشون هستم :
Persian - AJA Portal Ver1.2.2 -
اولين و بزرگترين سايت آموزشي براي تمام سنين بدون محدوديت موضوعي || شهر آموزش || LearnCity.IR :: اخبار

موضوع: منو جی کوئری زیبا برای صفحات استاتیک و دینامیک

ابزارهای موضوع

نحوه نمایش موضوع

منو جی کوئری زیبا برای صفحات استاتیک و دینامیک

تعداد تشکر ها از Warez-Host.IR به دلیل پست مفید

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

موضوعات مشابه

مشکل لینک زیر جواب تیکت ها

استخدام کارشناس انفورماتیک ، کارشناس فروش در مركز پشتیبانی انفورماتیک

درخواست تعدادی قالب استاتیک (html) زیبا ؟

ما هم رفتیم زیر حمله !!!!! ( بیاید کمک )

مجوز های ارسال و ویرایش