Thêm jQuery đến các trang web có thể dẫn đến hiệu ứng tuyệt vời và tương tác người dùng nếu sử dụng một cách khôn ngoan. Có bổ sung nhiều trong jQuery đã cung cấp hầu hết các tiện ích và các vật dụng được trình bày trong chương này. | Simpo PDF Merge and Split Unregistered Version - http Download from Wow eBook Simpo PDF Merge and Split Unregistered Version - http 7 Creating Cool Navigation Menus In this chapter we will cover Creating a basic drop-down menu Creating a menu that changes background on mouse-over Creating an accordion style menu Creating a floating menu Creating an interface for tabbed navigation Adding more tabs Creating a wizard using tabs Introduction Menus are the lifeline of a website. Imagine a website without menus. It will be impossible to navigate it. A site having good navigation links proves to be very helpful to users. Good navigation menus are key to a good user experience. This chapter will introduce to you a variety of techniques using which you will be able to create different types of menus. We will start with basic drop-down menus and will gradually proceed to accordion and floating menus. Finally we will create tabs for navigation and will look at several ways in which tabs can be implemented. Simpo PDF Merge and Split Unregistered Version - http Creating Cool Navigation Menus------------------------------------------------------------- Creating a basic drop-down menu In this recipe we will create a basic drop-down menu that will have three menu items. Hovering the mouse pointer over a menu item will display a submenu and taking the pointer away from it will hide it. Getting ready Create a folder in the Chapter directory and name it as Recipel. Now create a file named inside it. How to do it. Start by creating the structure of menus and the CSS styles for them. Our menu will be an unordered list where each list item will be a menu header. Inside the list item will be an anchor which will contain the text for a menu. Next to it will be another unordered list whose list items will serve as menu items. Each of these menu items will contain a link which can be used to navigate to a page on
