This tutorial will show you how to creat a dropdown menu by CSS and JQuery. This is nice CSS Dropdown Menu. Easy to install. Just download our source and upload to your host or customized as you need in your code.

How to Install:

Installation Instructions
These instructions will only work if you are installing your menu on a remote server or have a localhost server setup on your computer. For more help installing your menu, please visit Biên Thùy .

1, Upload the css-dropdown-menu folder to the root directory of your website. This is usually where your index.html or index.php file is.

2, Copy and paste the code below somewhere between the

<head> <link href="/css-dropdown-menu/styles.css" rel="stylesheet" type="text/css"> </head>

tags.
3, Copy and paste the HTML below where ever you want your menu to show up.

<div id='cssmenu'>
<ul>
   <li class='active'><a href='index.html'><span>Home</span></a></li>
   <li class='has-sub'><a href='#'><span>Hosting</span></a>
      <ul>
         <li><a href='#'><span>Godaddy</span></a></li>
         <li><a href='#'><span>Hostgator</span></a></li>
         <li class='last'><a href='#'><span>Name Cheap</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>Bien Thuy</span></a>
      <ul>
         <li><a href='#'><span>About</span></a></li>
         <li class='last'><a href='#'><span>Funny Stories</span></a></li>
      </ul>
   </li>
   <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>

More Details and Installation: Demo CSS Dropdown Menu

4.5/5 - (2715 bình chọn)

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *