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

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

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

以下为详细代码

<!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透明代码相关知识学习

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

相关阅读: sql语句中怎么按照in语句里的id原有的顺序进行排序输出,可以做成浏览记录、查看、观看记录; 微信公众平台; DIV+CSS实现内容垂直居中的一个例子; html表单里面的label详细; httpd.ini伪静态网站分享到微信好友微信朋友圈链接打不开报404错误的解决办法; 襄阳康辉国际旅行社; 网页制作中关于浏览器宽度和高度的设定研究（转载）; JS操作Cookie记录

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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把网页文字的毛边去掉

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

更多>>随机抽取信息: 字体放大效果，字体[大][中][小]; 非常不错的支持各种浏览器的简易调色板; facebook广告推广设定像素标准事件的值和币种等说明; 屏幕两种色彩左右像电影屏幕一样分开; 以前的QQ强聊不管了，这个是非常管用的QQ强聊; 越狱ios老应用老游戏合集下载

更多标签热门标签

深山半透明下载十字 height 时间浮动 textarea 翻页首页计划查询 input DropShadow 图片彩色 asp 读取模式防止上下左右 ie5.5 旅行社 lightbox 忧化项目断线 pt 案例文件夹 VBScript 文化营销轮流显示背景色阴影效果 Application 渐变 rss 汉字 clear 比例 163 边界重叠蜘蛛设计调用 dreawmeaver 墙