ورود

View Full Version : نحوه دادن يه افکت jquery به اين منوي css



bftarane
یک شنبه 05 آذر 1391, 11:03 صبح
سلام.
لطفاً راهنمايي کنيد به منوي Css زير چطور مي تونم يه افکت زيباي jquery بدم.
مثلاً زيرمنوها آرومتر باز بشن.
http://www.sitelizard.com/blog.php?blogID=73

Saber Mogaddas
چهارشنبه 08 آذر 1391, 12:13 عصر
سلام
می تونید توسط دستور animate() این کار رو انجام بدید تا منو شما به صورت کرکرهای پایین بیاد به این صورت :
1- تو فایل css تگ مربوط به زیر منو رو height:0 بدید.
2- توسط jquery و دستور animate زمان hover ارتفاع رو تغییر بدید و زمان animate رو هم بالا بگیرید تا شکل زیبای به خود بگیره.

$(".submenutag").animate({height:'120px'},'600');

البته تو این منو از jquery استفاده نشده کاملا با css طراحی شده با css نیز میشه زمان برای قسمت Hover تعیین کرد با کد زیر :

.command { transition: opacity 0.2s 0 ease; /* Mouse leave: immediate */ } .button:hover .command { transition: opacity 0.2s 1s ease; /* Mouse enter: delay */ }

منبع (http://codepen.io/chriscoyier/pen/key_command_popups/)
البته این دستور تو همه مرورگر ها جوابگو نخواهد بود.
موفق باشید.