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

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

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

以下为详细代码

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

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

相关阅读: 生成随机字符串的函数，可以做为验证码一类的使用; uni-app 搜索、历史记录功能简单实现; 汽车交易网站; 东莞市潮流假期旅行社有限公司; 深山行者留言板V2.2版本; IE6.0, IE7.0和FireFox浏览器css样式兼容; XHTML+CSS兼容性解决方案小集; asp数组随机排序

共有0条关于《非常不错的DIV+CSS做得菜单,跟JS效果一样,特别酷》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

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

更多>>最新添加文章: 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗; aliyun阿里云续费域名优惠口令(注册、续费都可以使用); windows7环境下安装配置jdk; python对微信操作要用到这两个库wxpy与itchat; ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明; DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法

更多>>随机抽取信息: 非常酷的javascript实现万年历功能; 利用window.open函数控制弹出窗口,设置个性的弹出窗口; css里expression实现界面对象的批量控制; 一个省市县三级关联select下拉菜单代码; 当前流行的四款常用浏览器最客观的评测; javascript表格内移动上下列，可以做成ajax加上动态程序做成上下移动顺序

更多标签热门标签

插件失效高亮背景色调节珍惜游戏伪类点击标签策划信息右击失效焦点 strong 设置 access ul PSD 网站理想注册表常用 asp 查找浮动 px img 盖楼数字脚本收藏夹拼音素材 font-size 获得 getElementById window 上传规则旅游提交读取指向 Dreamweaver txt position 中英 javascript css 透明