ijquery

منو جی کوئری هدایت کننده

screenshot

بااستفاده از این جی کوئری می توانید یک منو جی کوئری ایجاد کنید که با کلیک بر روی هر بخش توضیحات به صورت جذاب نمایش داده شوند .

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

  1. قبل از تگ <head/>
    <style>
    body {
      color: #222;
      font: 12px/20px tahoma,Helvetica, Arial, sans-serif;
      direction:rtl;
    }
    p,
    ul {
      margin: 0;
      padding: 0;
    }
    p {
      margin-bottom: 20px;
    }
    #nav {
      right: 20px;
      list-style: none;
      position: fixed;
      top: 20px;
    }
    #nav li {
      margin-bottom: 2px;
    }
    #nav a {
      background: #ededed;
      color: #666;
      display: block;
      font-size: 11px;
      padding: 5px 10px;
      text-decoration: none;
      text-transform: uppercase;
    }
    #nav a:hover {
      background: #dedede;
    }
    #nav .current a {
      background: #666;
      color: #ededed;
    }
    .current {
      background: red;
    }
    #container {
      margin: 0 auto;
      width: 800px;
    }
    .section {
      border-bottom: 5px solid #ccc;
      padding: 20px;
    }
    .section p:last-child {
      margin-bottom: 0;
    }
    </style>

     

  2. بعد از تگ <body>
    <ul id="nav">
      <li class="current"><a href="#section-1">بخش 1</a></li>
      <li><a href="#section-2">بخش 2</a></li>
      <li><a href="#section-3">بخش 3</a></li>
      <li><a href="#section-4">بخش 4</a></li>
      <li><a href="#section-5">بخش 5</a></li>
    </ul>
    
    <div id="container">
      <div class="section" id="section-1">
        <strong>بخش 1</strong>
        <p> این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
        <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
        <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
        <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
        <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
        <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
      </div>
    
      <div class="section" id="section-2">
        <strong>بخش 2</strong>
        <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
            <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
            <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
            <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
            <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
            <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
      </div>
    
      <div class="section" id="section-3">
        <strong>بخش 3</strong>
        <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
        <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
        <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
        <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
        <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
        <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
      </div>
    
      <div class="section" id="section-4">
        <strong>بخش 4</strong>
        <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
        <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
        <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
        <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
      <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است<p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
      </div>
    
      <div class="section" id="section-5">
        <strong>بخش 5</strong>
       <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
       <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
       <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
    <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
     <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
    <p>این صفحه در دسترس است، با این حال، بلکه به این دلیل گاهی اوقات شرایطی رخ می دهد که در آن رنج و درد می تواند او را بزرگ تهیه است. برای گرفتن نمونه و بی اهمیت، کدام یک از ما همیشه متعهد ورزش پر زحمت فیزیکی، به جز استفاده از آن برای به دست آوردن برخی از. یا خواسته برای به دست آوردن درد در قطار گلوله برای پیدا کردن خطا در لذت بردن از درد که تولید خوبی حاصل به فرار. این موارد کاملا حساب از سیستم، تقصیر از کسانی که در متن اصلی: این است به نزول است.</p>
      </div>
    </div>
    
    <script src="jquery.js"></script>
    <script src="jquery.scrollTo.js"></script>
    <script src="jquery.nav.min.js"></script>
    <script>
    $(document).ready(function() {
      $('#nav').onePageNav({
        begin: function() {
    	  console.log('start')
        },
        end: function() {
    	  console.log('stop')
        }
      });
    
      $('.do').click(function(e) {
        $('#section-4').append('<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>');
        e.preventDefault();
      });
    
    });
    </script>

     


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

11 دیدگاه دربارهٔ «منو جی کوئری هدایت کننده»

  1. سلام توی منو وقتی روی شماره بخش کلیک میکنیم صفحه اسکرولی حرکت میکنه و میره روی بخش مورد نظر ولی وقتی من نصبش میکنم روی هر بخش که کلیک میکنم حرکت نمیکنه و فقط شماره عنوان بخش و مطلب تغییر میکنه 🙂

  2. شما وقتی سورس رو دانلود میکنید از سایت ما همچین مشکلی که براتون پیش نمیاد ؟ روی یک قالب دارید پیادش می کنید که اگر درست گفته باشم به خاطر تداخل جی کوئری هست کانفیلید میده

  3. حتما همینطوره که میگید ممکنه یک قالب که بتونه به راحتی جی کوئری رو ساپورت کنه بهم معرفی کنید؟ ساده باشه و بتونم توش افکتهای تصاویر رو پیاده کنم
    همچین قالبی سراغ دارید؟

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

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