نویگیشن های زیبا
نحوه استفاده :
استایل ها و جاوااسکریپت های مورد نیاز :
۱ ۲ ۳ ۴ | <link rel="stylesheet" href="css/style.css" /> <script src="js/jquery-2.1.1.js"></script> <script src="js/main.js"></script> <script src="js/modernizr.js"></script> |
ایجاد آیتم ها :
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ | <div class="cd-bouncy-nav-modal"> <nav> <ul class="cd-bouncy-nav"> <li><a href="https://iwebpro.ir">iwebpro.ir</a></li> <li><a href="https://iwebpro.ir">iwebpro</a></li> <li><a href="https://iwebpro.ir">آی وب پرو</a></li> </ul> </nav> <a href="#۰" class="cd-close">بستن</a> </div> <!-- cd-bouncy-nav-modal --> |
برای نمایش آیتم ها :
۱ ۲ ۳ | <section class="cd-section"> <a class="cd-bouncy-nav-trigger" href="#۰">برای نمایش کلیک کنید</a> </section> <!-- .cd-section --> |
