Comments on: Slick Drop down Menu with Easing Effect Using jQuery & CSS

Comments on: Slick Drop down Menu with Easing Effect Using jQuery & CSS http://devsnippets.com/article/slick-drop-down-menu-with-easing-effect-using-jquery-css.html Design & Code Snippet Gallery Sat, 11 Feb 2012 08:00:15 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: beninsky http://devsnippets.com/article/slick-drop-down-menu-with-easing-effect-using-jquery-css.html#comment-7145 beninsky Tue, 11 May 2010 01:37:41 +0000 http://devsnippets.com/?p=18548#comment-7145 OK I discovered a bug that can happen RARELY but it is still annoying :( I made a video to show you: http://www.youtube.com/watch?v=Biv0GUR-C0w When I load the page for the first time and use the menu, if I leave my mouse cursor just on top of menu, then the menu close and immediatly after reopen… I removed the opacity option to show you the bug, opacity can be a solution, but I how can I do if I don’t want to add an opacity effet :S I FOUND THE SOLUTION: Add "overflow:hidden" into UL CSS Styles Here is the code: ul.blockeasing li ul.subnav{ background:none repeat scroll 0 0 #333; border-bottom:2px solid #c13d93; float:left; padding:0px 5px 0; position:absolute; left:-50%; width:250px; margin-top:15px; height:0px; display:none; overflow:hidden; } OK I discovered a bug that can happen RARELY but it is still annoying

I made a video to show you: http://www.youtube.com/watch?v=Biv0GUR-C0w

When I load the page for the first time and use the menu, if I leave my mouse cursor just on top of menu, then the menu close and immediatly after reopen…

I removed the opacity option to show you the bug, opacity can be a solution, but I how can I do if I don’t want to add an opacity effet :S

I FOUND THE SOLUTION: Add “overflow:hidden” into UL CSS Styles

Here is the code:

ul.blockeasing li ul.subnav{
background:none repeat scroll 0 0 #333;
border-bottom:2px solid #c13d93;
float:left;
padding:0px 5px 0;
position:absolute;
left:-50%;
width:250px;
margin-top:15px;
height:0px;
display:none;
overflow:hidden;
}

]]> By: Weekly Design News – Resources, Tutorials and Freebies (N.34) | Master http://devsnippets.com/article/slick-drop-down-menu-with-easing-effect-using-jquery-css.html#comment-6909 Weekly Design News – Resources, Tutorials and Freebies (N.34) | Master Tue, 04 May 2010 04:44:15 +0000 http://devsnippets.com/?p=18548#comment-6909 [...] Slick Drop down Menu with Easing Effect Using jQuery & CSS [...] [...] Slick Drop down Menu with Easing Effect Using jQuery & CSS [...]

]]> By: Weekly Design News – Resources, Tutorials and Freebies (N.34) | Forum on China Wholesale Lots http://devsnippets.com/article/slick-drop-down-menu-with-easing-effect-using-jquery-css.html#comment-6552 Weekly Design News – Resources, Tutorials and Freebies (N.34) | Forum on China Wholesale Lots Tue, 27 Apr 2010 18:52:04 +0000 http://devsnippets.com/?p=18548#comment-6552 [...] Slick Drop down Menu with Easing Effect Using jQuery & CSS [...] [...] Slick Drop down Menu with Easing Effect Using jQuery & CSS [...]

]]> By: Weekly Design News – Resources, Tutorials and Freebies (N.34) « Film and entertainment http://devsnippets.com/article/slick-drop-down-menu-with-easing-effect-using-jquery-css.html#comment-6546 Weekly Design News – Resources, Tutorials and Freebies (N.34) « Film and entertainment Tue, 27 Apr 2010 16:12:44 +0000 http://devsnippets.com/?p=18548#comment-6546 [...] Slick Drop down Menu with Easing Effect Using jQuery & CSS [...] [...] Slick Drop down Menu with Easing Effect Using jQuery & CSS [...]

]]> By: Weekly Design News – Resources, Tutorials and Freebies (N.34) | DesignerLinks | Home to Web design news, jQuery Tutorials, CSS tutorials, Web Designing tutorials, JavaScript tutorials and more! http://devsnippets.com/article/slick-drop-down-menu-with-easing-effect-using-jquery-css.html#comment-6535 Weekly Design News – Resources, Tutorials and Freebies (N.34) | DesignerLinks | Home to Web design news, jQuery Tutorials, CSS tutorials, Web Designing tutorials, JavaScript tutorials and more! Tue, 27 Apr 2010 13:34:52 +0000 http://devsnippets.com/?p=18548#comment-6535 [...] Slick Drop down Menu with Easing Effect Using jQuery & CSS [...] [...] Slick Drop down Menu with Easing Effect Using jQuery & CSS [...]

]]> By: Weekly Design News – Resources, Tutorials and Freebies (N.34) - Speckyboy Design Magazine http://devsnippets.com/article/slick-drop-down-menu-with-easing-effect-using-jquery-css.html#comment-6522 Weekly Design News – Resources, Tutorials and Freebies (N.34) - Speckyboy Design Magazine Tue, 27 Apr 2010 09:00:15 +0000 http://devsnippets.com/?p=18548#comment-6522 [...] Slick Drop down Menu with Easing Effect Using jQuery & CSS [...] [...] Slick Drop down Menu with Easing Effect Using jQuery & CSS [...]

]]> By: This Weeks Twitter Design News Roundup N.33 « PsTrick http://devsnippets.com/article/slick-drop-down-menu-with-easing-effect-using-jquery-css.html#comment-6215 This Weeks Twitter Design News Roundup N.33 « PsTrick Thu, 22 Apr 2010 17:18:48 +0000 http://devsnippets.com/?p=18548#comment-6215 [...] Slick Drop down Menu with Easing Effect Using jQuery & CSS [...] [...] Slick Drop down Menu with Easing Effect Using jQuery & CSS [...]

]]> By: Drop down menu con le slick allentamento effetto utilizzando jQuery & CSS http://devsnippets.com/article/slick-drop-down-menu-with-easing-effect-using-jquery-css.html#comment-6203 Drop down menu con le slick allentamento effetto utilizzando jQuery & CSS Thu, 22 Apr 2010 11:25:50 +0000 http://devsnippets.com/?p=18548#comment-6203 [...] Menu a discesa sono una caratteristica eccellente perché aiutano a ripulire un layout occupato. Quando strutturato correttamente, i menu drop-down può essere un ottimo strumento di navigazione, pur essendo una caratteristica attraente design. Continua da "DAY2: Fading colore di sfondo con jQuery. animare () ", oggi vogliamo dare un'occhiata a un altro effetto che si possa creare [. . . ] URL articolo originale http://devsnippets.com/article/slick-drop-down-menu-with-easing-effect-using-jquery-css.html [...] [...] Menu a discesa sono una caratteristica eccellente perché aiutano a ripulire un layout occupato. Quando strutturato correttamente, i menu drop-down può essere un ottimo strumento di navigazione, pur essendo una caratteristica attraente design. Continua da "DAY2: Fading colore di sfondo con jQuery. animare () ", oggi vogliamo dare un'occhiata a un altro effetto che si possa creare [. . . ] URL articolo originale http://devsnippets.com/article/slick-drop-down-menu-with-easing-effect-using-jquery-css.html [...]

]]> By: freewebdev.jp http://devsnippets.com/article/slick-drop-down-menu-with-easing-effect-using-jquery-css.html#comment-6193 freewebdev.jp Thu, 22 Apr 2010 09:36:22 +0000 http://devsnippets.com/?p=18548#comment-6193 <strong>jQueryを使ったオシャレなスリックダウンメニュー...</strong> 「Slick Drop down Menu with Easing Effect Using jQuery & CSS」ごちゃごちゃしたレイアウトを綺麗にしてくれるドロップダウンメニューのチュートリアルです。適切に使用すれば素晴らしいナビゲーションとデザイン製を両立することが出来ます。デモおよびファイルダウンロードも可能です。... jQueryを使ったオシャレなスリックダウンメニュー…

「Slick Drop down Menu with Easing Effect Using jQuery & CSS」ごちゃごちゃしたレイアウトを綺麗にしてくれるドロップダウンメニューのチュートリアルです。適切に使用すれば素晴らしいナビゲーションとデザイン製を両立することが出来ます。デモおよびファイルダウンロードも可能です。…

]]> By: [jquery] creare un bellissimo menu a discesa con effetto easing! http://devsnippets.com/article/slick-drop-down-menu-with-easing-effect-using-jquery-css.html#comment-6136 [jquery] creare un bellissimo menu a discesa con effetto easing! Wed, 21 Apr 2010 01:21:37 +0000 http://devsnippets.com/?p=18548#comment-6136 [...] Link: http://devsnippets.com/article/slick-drop-down-menu-with-easing-effect-using-jquery-css.html [...] [...] Link: http://devsnippets.com/article/slick-drop-down-menu-with-easing-effect-using-jquery-css.html [...]

]]>