非常不错的DIV+CSS做得菜单,跟JS效果一样,特别酷 -- [DIV+CSS]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

非常不错的DIV+CSS做得菜单,跟JS效果一样,特别酷

深山行者个人网站 2008/7/3 9:33:27 深山行者字体:大中小浏览 6125

以下为详细代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HEAD><TITLE>深山行者个人网站</TITLE>

#nav {z-index:1;padding-bottom:5px;width:560px;padding-top:27px;height:30px;}
#nav ul {}
#nav ul li {}
#nav ul li {display:inline;font-weight:bold;float:left;list-style:none;text-align:center;}
#nav a:link,#nav a:visited {padding:3px 5px 0 5px;width:100px;color:#304682;text-decoration:none;}
#nav a:hover,#nav a:active {padding:3px 3px 0 5px;width:88px;color:white;background-color:#6b7798;text-decoration:none;}
#nav .list {padding:4px;font-weight:normal;line-height:20px;text-align:left;}
#nav .menu1 {width:120px;border:#99bbdd 1px solid;padding-top:6px;margin:6px 4px 0px 0px;cursor:pointer;overflow-y:hidden;filter: Alpha(opacity=90);moz-opacity: 0.7;BACKGROUND-COLOR: #f5faff;color:#304682;}

#nav .menu2 {border:#6b7798 1px solid;padding-top:5px;padding-bottom:4px;overflow-y:hidden;margin:6px 4px 0px 0px;width:120px;cursor:pointer;color: #999;height:18px;BACKGROUND-COLOR: #f5f5f5;}

-->
</style>
</HEAD>
<BODY>

<DIV id=nav>
	<UL>
	  <LI class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">深山行者个个网站 
		  <DIV class="list">
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
		  </DIV>
	  </LI>
	  
	  <LI class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">深山行者个个网站 
		  <DIV class="list">
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
		  </DIV>
	  </LI>
	  
	  <LI class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">深山行者个个网站 
		  <DIV class="list">
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
		  </DIV>
	  </LI>
	  
	  <LI class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">深山行者个个网站 
		  <DIV class="list">
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
			  <A href="#">深山行者个个网站</A><BR>
		  </DIV>
	  </LI>
	  
	</UL>
</DIV>
</BODY></HTML>

前一页:CSS Alpha透明代码相关知识学习

后一页:一行内文本超出指定宽度后用省略号代替

相关阅读: asp读取163的rss之xml数据; jquery动态生成的html代码中无法使用jquery事件的解决方法; 19寸宽屏旅行社网站模板7; 熟记ASP+Access数据库的18条安全法则; 纯div+css制作的弹出菜单-02; asp导出内容到excel表并自定义命名后下载（非打开）; 旅行社网站模板默认风格1; CSS编写过程中常见的10个错误

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery设置或获取修改classname; 利用css3.0写出一个音乐播放的唱片碟盘的效果; 利用css中的scale()实现放大缩小效果; 利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明; css背景使用base64编码或者将base64编码放在img图片标签中; 利用css3中的-webkit-font-smoothing把网页文字的毛边去掉

更多>>最新添加文章: 2026 aliyun阿里域名云注册续费优惠口令; dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起

更多>>随机抽取信息: 初学入门：一组常用的弹出窗口用法总结; asp加载xml 用于验证目标网站是否更新; 新乡市神州国际旅行社; ASP FSO读取XX文件夹下的所有文件与创建使用时间; ASP.Net利用CSS实现多界面的方法; 北京阳光无限经贸有限公司

更多标签热门标签

FlashFxp 容器爱国统计火狐 shift 舒服百度拼音换行格式化模板 expression IE8 qq right 应用电影工作室规则日历类别 Alpha 管理系统 XMLHTTP RegExp 计算思考函数错误优化下划线垂直 CSS规范 FireFox radio 工具 select rad 固定深山半透明下载十字 height 时间浮动 textarea 翻页首页计划