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

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

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

以下为详细代码

<!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.net中防止用户多次登录的方法; Python拼接字符串的几种方式; 江油旅游; asp导出内容到excel表并自定义命名后下载（非打开）; jquery实现移动端下拉加载刷新更多信息; windows xp设置IIS。; 超过服务期限如何办？; 利用asp相关的函数动态更新access数据库

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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还有其它的吗

更多>>随机抽取信息: uni-app按钮button利用css伪类after去除灰色边框; CSS设计符合Web标准的网页表单的几个技巧; 大红袍形象设计暨旅游商品设计大赛在线投票评选; 连云港华夏国际旅行社有限公司; uni-app开发的微信小程序在线支付; 洪江市道德模范评选 - 网络投票

更多标签热门标签

图层图片组件日历初级货币柱状留言次数 web2.0 文字拼音 Cookie Javascript实现CSS代码高亮显示1 调色板 button 换行高度轮流窗口页面 vb textarea 过滤字体上下左右 css 原则像素二级半透明多选排序许愿调节广告行号注册蜘蛛伪类控制 submit iis 安装位置 DW 深山行者旅游标签关于我们返回适应