一款适合英文网站使用的CSS下拉菜单

发布时间：2018-09-17 04:09:34 所属栏目：政策来源：站长网

导读：一款适合英文网站使用的CSS下拉菜单。虽然下拉菜单设计得还有点粗糙，但整体感觉不错，基本的套路都有了，剩下的修修剪剪，懂CSs的自己动手一下，把风格修改成你喜欢的。示例： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org

　　一款适合英文网站使用的CSS下拉菜单。虽然下拉菜单设计得还有点粗糙，但整体感觉不错，基本的套路都有了，剩下的修修剪剪，懂CSs的自己动手一下，把风格修改成你喜欢的。

　　示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Dropdown 下拉菜单</title> <style type="text/css">  </style> </head> <body> <p>CSS Dropdown mainmenu Example</p> <div class="wrapper"> <div class="mainmenu"> <ul class="menu"> <li class="list"> <a class="category" href="#Home">Home</a> </li> </ul> <ul class="menu"> <li class="list"> <a class="category" href="#about">About Us »</a></li> <ul class="submenu"> <li><a href="#about1">About link 1</a></li> <li><a href="#about2">About link 2</a></li> <li><a href="#about3">About link 3</a></li> <li><a href="#about4">About link 4</a></li> <li><a class="endlist" href="#about5">About link 5</a></li> </ul> </ul> <ul class="menu"> <li class="list"> <a class="category" href="#articles">Articles »</a> <ul class="submenu"> <li><a href="#articles1">Articles link 1</a></li> <li><a href="#articles2">Articles link 2</a></li> <li><a href="#articles3">Articles link 3</a></li> <li><a class="endlist" href="#articles4">Articles link 4</a></li> </ul> </li> </ul> <ul class="menu"> <li class="list"> <a class="category" href="#news">News »</a> <ul class="submenu"> <li><a href="#news1">News link 1</a></li> <li><a href="#news2">News link 2</a></li> <li><a class="endlist" href="#news3">News link 3</a></li> </ul> </li> </ul> <ul class="menu"> <li class="list"> <a class="category" href="#donate">Donate</a> </li> </ul> <ul class="menu"> <li class="list"> <a class="category" href="#contact">Contact</a> </li> </ul> </div> </div> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：威海站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!