Shulou(Shulou.com)06/02 Report--

How to analyze the application of superfish, in view of this problem, this article introduces the corresponding analysis and solution in detail, hoping to help more partners who want to solve this problem to find a more simple and feasible method.

Superfish is a jquery plug-in that can make multi-level drop-down menus, support horizontal and vertical menus, the drop-down menus will not be obscured by the label select, support dynamic drop-down effects, such as vertical extension, support shadow effects (except IE6), user-customizable styles.

How to use it?

1. Prepare Javascript and plug-ins and CSS style files.

2 、 XHTML .

Home page

Journalism

Domestic

Menu item1

Menu item2

Sub menu1

Sub menu2...

Menu item3

International

The society

...

Short message

Short message

MMS

Color ring back tone

SP

...

Be sure to pay attention to the structure of XHTML. In the above code, "..." It is limited to space, which means that the same code structure is repeated n times.

3. Apply superfish plug-in.

(function () {$("ul.sf-menu") .superfish ();})

The superfish plug-in can support callback functions, support the hoverIntent plug-in, and execute hoverIntent when there is a hoverIntent plug-in, ignoring the fade-in effect. If for some reason you don't want to use hoverIntent when using superfish, set disableHI to "true".

In addition, when you encounter the select tag, in order not to let the drop-down menu be obscured by select, you need to call another plug-in: bgiframe, using the method:

$("ul.sf-menu") .superfish () .find ('ul') .bgIframe ({opacity:false})

The answer to the question on how to analyze the application of superfish is shared here. I hope the above content can be of some help to you. If you still have a lot of doubts to be solved, you can follow the industry information channel for more related knowledge.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.