简约、兼容好的XHTML+css二级导航菜单

2024-09-05 12:20:27

字体：大中小

来源：转载

供稿：网友

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>纯CSS+XHTML下拉菜单</title><style type="text/css"></style></head><body><ul class="menu">  <li class="tuckUp" onmousemove="this.className='pullDown'" onmouseout="this.className='tuckUp'">精品特效    <div class="item">网页特效<br />      层和布局<br />      表单按钮<br /></div>  </li>  <li class="tuckUp" onmouseover="this.className='pUllDown'" onmouseout="this.className='tuckUp'">菜单导航    <div class="item">菜单导航<br />      CSS菜单<br />      JQUERY菜单<br /></div>  </li>  <li class="tuckUp" onmouseover="this.className='pullDown'" onmouseout="this.className='tuckUp'">源代码    <div class="item" >源码下载<br />      ASP分类<br />      PHP分类<br />      ASP.NET<br /></div>  </li>  <li class="tuckUp" onmouseover="this.className='pUllDown'" onmouseout="this.className='tuckUp'">更新汇总    <div class="item">最新更新<br />      最新更新<br />      网站首页<br /></div>  </li>  <li class="tuckUp" onmouseover="this.className='pUllDown'" onmouseout="this.className='tuckUp'">脚本下载    <div class="item">脚本资源<br />      AJAX<br />      JQUERY<br />      EXTJS<br /></div>  </li></ul></body></html>

上一篇：纯CSS+XHTML打造简约下拉菜单

下一篇：CSS仿迅雷的网站导航

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注