منوی دراپ داون با افکتهای بسیار جذاب همراه با قابلیت ریسپانسیو در 5 مدل مختلف
آموزش استفاده
- html
<div id="dl-menu" class="dl-menuwrapper"> <button>Open Menu</button> <ul class="dl-menu"> <li> <a href="#">Item 1</a> <ul class="dl-submenu"> <li class="dl-back"><a href="#">back</a></li> <li><a href="#">Sub-Item 1</a></li> <li><a href="#">Sub-Item 2</a></li> <li><a href="#">Sub-Item 3</a></li> <li> <a href="#">Sub-Item 4</a> <ul class="dl-submenu"> <li class="dl-back"><a href="#">back</a></li> <li><a href="#">Sub-Sub-Item 1</a></li> <li><a href="#">Sub-Sub-Item 2</a></li> <li><a href="#">Sub-Sub-Item 3</a></li> </ul> </li> <li><!-- ... --></li> <!-- ... --> </ul> </li> <li><!-- ... --></li> <li><!-- ... --></li> <!-- ... --> </ul> </div><!-- /dl-menuwrapper -->
- css
.dl-menu.dl-animate-out-1 { animation: MenuAnimOut1 0.4s linear forwards; } @keyframes MenuAnimOut1 { 50% { transform: translateZ(-250px) rotateY(30deg); } 75% { transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } .dl-menu.dl-animate-in-1 { animation: MenuAnimIn1 0.3s linear forwards; } @keyframes MenuAnimIn1 { 0% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { transform: translateZ(0px) rotateY(0deg); opacity: 1; } }
- jquery
$( '#dl-menu' ).dlmenu({ animationClasses : { in : 'animation-class-name', out : 'animation-class-name' } });
ممنون
مرسی
عالی
مرسی علی جان مثل همیشه از نظرت
این یکی فوق العاده بود.
شبیه چیزی بود که در وبلاگ آقای وحید نصیری استفاده شده.
ممنون
مرسی محمد جان
سلام ببخشید می خواستم قسمت اول این (click to open)نباشه یعنی اول بسم الله منوها ظاهر باشن چطور باید این کار را کرد؟
محسن جان هم با جی کوئری میشه هم از طریق css باید display :block کنید
شرمنده هرکار کردم نشد میشه بیشتر توضیح بدهید(میخوام لیست منوهام بیاد بدون کلیک روآیکون لیست (آیکون لیست رو درواقع میخواهم حذف کنم) )(انجام این کار برام مهم)
jquery.dlmenu.js رو ویرایش کن اونجت کلاس هاش هست dl-menu-toggle dl-menuopen
دست درد نکن دادش مهدی
خواهش میکنم محسن جان
سلام
اول تشکر میکنم از سایت فوق العادتون . فکر نکنم تو ایران دیگه چنین سایتی وجود داشته باشه . دمتون گرم .
یه خواهش هم داشتم
من یه وبلاگ تو رزبلاگ دارم . میخوام واسه صفحات جداگانه اش از این منوی شما استفاده کنم و توش لینک دانلود بذارم
فقط یه مشکل دارم . وقتی از این منو شما استفاده میکنم دیگه امکان ارسال نظر واسه مخاطب ها تو اون صفحه از بین میره و دیگه اون فرم ارسال نظر نیست که بشه واسه اون مطلبی که تو اون صفحه جداگانه گذاشتم نظر فرستاد .
ممنون میشم اگه راهنمایی کنید که چجوری میتونم اون فرم نظر رو بیارم تو اون صفحه تا بشه نظر فرستاد .
لطفا راهنمایی کنید . خیلی نیز دارم .
ممنون
با سلام
چطور میشه شکل یا رنگ همون آیکون اولیه که روش کلیک می کنیم و منو عوض میشه رو عوض کرد؟
بصورت ایمیج هستش یا کاراکتر و کده؟!
ممنون میشم راهنمایی بفرمایید.
در یکی از سایت های جوملایی که بک گراند سفید است و این آیکون هم سفید به نمایش در می آید و عملا دیده نمی شود.