JQuery gradient drop-down menu _ jquery

Using jQuery is actually just a few lines of code. Even so, due to the js language's way of thinking, I still have not been sure about it. In addition to a css problem, it took a long time to get the effect. Here we mainly use slideToggle () and slideUp () to show the hidden content when the target passes through the mouse:

The Code is as follows:

$ (Function (){
$ (". Dropdown"). hover (
Function () {$ ("li ul"). slideToggle (800 );},
Function () {$ ("li ul"). slideUp (1000 )}
)
})

The Code is as follows:

JQuery gradient effect

JQuery gradient drop-down menu

Use slideToggle and slideUp. of course, you can also use hide/show, fadeIn/fadeOut, and so on, but the effects are different and the implementation methods are the same. you must note that. add position: relative to dropdown to prevent flickering.

• 
  
  
  
  
  
  
  • Fruit subscription
  
  
  • Google subscription
  
  
  • Shrimp capture subscription
  
  
  • Youdao subscription
  
  
  • More Methods»