样式调整

aquariua 2009-06-11 04:25:15 
<table width="223" border="0" cellpadding="0" cellspacing="0" >

                  <tr>

                    

                    <td width="174" valign="top" style="padding:7px 25px 8px 15px;"><strong><A href="PRO.ASP?idp2=166">综合布线系统GCS</a></strong><br>

					

						<!--三级类-->

						

						

                      

			



			

<style type="text/css">



#nav_demo1 {margin:0px auto 0;  width:116px;}

#nav_demo1 li {text-align:left; float:left; display:block; width:99px; position:relative; clear:both;  }

#nav_demo1 li a {display:block; background:none; color:#333333;}

#nav_demo1 li a:hover {color:#ff6600; background:none; display:block; }

#nav_demo1 dl {display:none; margin:-19px 0 0 60px; }

#nav_demo1 .hover dl {display:block; position:absolute; top:18px; left:0px;overflow:hidden;width:200px; background:#e1e1e1; white-space:nowrap; }  

#nav_demo1 dd {border-bottom:#FFFFFF 1px solid; position:relative;display:block; float:left; width:99px; z-index:999999}

#nav_demo1 dt {	

	display:block; position: absolute; left:0; top:0; z-index:1; width:200px; height:100%;

	FILTER: Alpha(Opacity=50);  /* IE  */

	-moz-opacity:0.2;	/* Moz + FF  */

	opacity: 0.2;		/* 支持CSS3的浏览器（FF 1.5也支持）  */

	-khtml-opacity:0.2;  /* 旧safari */

	 color:#000000;       

}

#nav_demo1 dd a {display:block; width:100%; background:#7a7474; color:#fff; z-index:999999}

#nav_demo1 dt {margin-bottom:-1000px; padding-bottom:1000px;  /* 解决IE6下 DT高度没法自适应问题, 爱左看右很不情愿地用上负边距  */ }

</style>

<script type= "text/javascript">

    <!--

    function hoverMenu(id){

        var root = document.getElementById(id);

        for (var i = 0; i < root.childNodes.length; i++) {

            node = root.childNodes[i];

            if (node.nodeName == "LI") {

                node.onmouseover = function(){

                    this.className = "hover";

                }

            }

            node.onmouseout = function(){

                this.className = this.className.replace("hover", "");

            }

        }

    }

    

    window.onload = function(){

        hoverMenu("nav_demo1");

        hoverMenu("nav_demo2");

		var mar = new Marquee("marquee");

//	mar.Direction = 2;

//	mar.Width = 270;

//	mar.Height = 16;

//	mar.Speed = 50;

//	mar.Space = 0;

	mar.Start();



	MarqueeStart("marquee3",2,170,140,50,0,"ul");

    }

    //-->

</script>



<ul id="nav_demo1">



	<li> <A href="pro.asp?idp3=168&ff=0"> 网线</A>

	<dl>

		<dt></dt>

		

		<dd><a href="pro.asp?idp=205&p=0">安普 AMP</a></dd>

		

		<dd><a href="pro.asp?idp=206&p=0">百通 BELDEN</a></dd>

		

		<dd><a href="pro.asp?idp=210&p=0">康普 Commscope</a></dd>

		

		<dd><a href="pro.asp?idp=211&p=0">普天 POTEVIO</a></dd>

		

		<dd><a href="pro.asp?idp=243&p=0">清华同方 Tisinghua Tongfang</a></dd>

		

		<dd><a href="pro.asp?idp=277&p=0">泛达 PANDUIT</a></dd>

		

	</dl>

	</li>



	



</ul>		  

					  <!--三级结束-->

				  

					  

					  

					  

					  

					  

					  

                    </td>

                    

                    <td width="174" valign="top" style="padding:7px 25px 8px 15px;"><strong><A href="PRO.ASP?idp2=167">计算机网络系统</a></strong><br>

					

						<!--三级类-->

						

						

                      

			



			

<style type="text/css">



#nav_demo2 {margin:0px auto 0;  width:116px;}

#nav_demo2 li {text-align:left; float:left; display:block; width:99px; position:relative; clear:both;  }

#nav_demo2 li a {display:block; background:none; color:#333333;}

#nav_demo2 li a:hover {color:#ff6600; background:none; display:block; }

#nav_demo2 dl {display:none; margin:-19px 0 0 60px; }

#nav_demo2 .hover dl {display:block; position:absolute; top:18px; left:0px;overflow:hidden;width:200px; background:#e1e1e1; white-space:nowrap; }  

#nav_demo2 dd {border-bottom:#FFFFFF 1px solid; position:relative;display:block; float:left; width:99px; z-index:999999}

#nav_demo2 dt {	

	display:block; position: absolute; left:0; top:0; z-index:1; width:200px; height:100%;

	FILTER: Alpha(Opacity=50);  /* IE  */

	-moz-opacity:0.2;	/* Moz + FF  */

	opacity: 0.2;		/* 支持CSS3的浏览器（FF 1.5也支持）  */

	-khtml-opacity:0.2;  /* 旧safari */

	 color:#000000;       

}

#nav_demo2 dd a {display:block; width:100%; background:#7a7474; color:#fff; z-index:999999}

#nav_demo2 dt {margin-bottom:-1000px; padding-bottom:1000px;  /* 解决IE6下 DT高度没法自适应问题, 爱左看右很不情愿地用上负边距  */ }

</style>

<script type= "text/javascript">

    <!--

    function hoverMenu(id){

        var root = document.getElementById(id);

        for (var i = 0; i < root.childNodes.length; i++) {

            node = root.childNodes[i];

            if (node.nodeName == "LI") {

                node.onmouseover = function(){

                    this.className = "hover";

                }

            }

            node.onmouseout = function(){

                this.className = this.className.replace("hover", "");

            }

        }

    }

    

    window.onload = function(){

        hoverMenu("nav_demo1");

        hoverMenu("nav_demo2");

		var mar = new Marquee("marquee");

//	mar.Direction = 2;

//	mar.Width = 270;

//	mar.Height = 16;

//	mar.Speed = 50;

//	mar.Space = 0;

	mar.Start();



	MarqueeStart("marquee3",2,170,140,50,0,"ul");

    }

    //-->

</script>



<ul id="nav_demo2" >



	<li> <A href="pro.asp?idp3=180&ff=0"> 路由器</A>

	<dl>

		<dt></dt>

		

		<dd><a href="pro.asp?idp=225&p=0">思科 CISCO</a></dd>

		

		<dd><a href="pro.asp?idp=226&p=0">H3C</a></dd>

		

		<dd><a href="pro.asp?idp=227&p=0">华为 HUAWEI</a></dd>

		

		<dd><a href="pro.asp?idp=228&p=0">D-Link</a></dd>

		

		<dd><a href="pro.asp?idp=229&p=0">TP-Link</a></dd>

		

		<dd><a href="pro.asp?idp=230&p=0">LINKSYS</a></dd>

		

		<dd><a href="pro.asp?idp=231&p=0">腾达 TENDA</a></dd>

		

		<dd><a href="pro.asp?idp=232&p=0">磊科 NETCORE</a></dd>

		

		<dd><a href="pro.asp?idp=233&p=0">NETGEAR</a></dd>

		

		<dd><a href="pro.asp?idp=234&p=0">侠诺 QNO</a></dd>

		

		<dd><a href="pro.asp?idp=236&p=0">水星 Mercury</a></dd>

		

	</dl>

	</li>



	



</ul>		  

					  <!--三级结束-->

				  

					  

					  

					  

					  

					  

					  

                      </td>

                    

                  </tr>

                </table>



改成 “网线”的那个浮动层 要飘在 路由器 字上面
还有飘动的要改成一行显示2个
怎么弄？
...全文
69 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
明珠佩佩 2009-06-15
  • 打赏
  • 举报
 回复
建议先查阅CSS2的相关资料
aquariua 2009-06-14
  • 打赏
  • 举报
 回复
[Quote=引用 5 楼 caiying2009 的回复:]
#nav_demo1 .hover dl,#nav_demo2 .hover dl {display:block; position:absolute; top:18px; left:16px;width:360px; background:#e1e1e1; white-space:nowrap; }
#nav_demo1 dd,#nav_demo2 dd {border-bottom:#FFFFFF 1px solid; position:relative;display:block; float:left; width:99px;overflow:hidden; z-index:999999}
[/Quote]

是两排了但是
浮动的还是没有飘在最上面的了起来
caiying2009 2009-06-11
  • 打赏
  • 举报
 回复
#nav_demo1 .hover dl,#nav_demo2 .hover dl {display:block; position:absolute; top:18px; left:16px;width:360px; background:#e1e1e1; white-space:nowrap; }
#nav_demo1 dd,#nav_demo2 dd {border-bottom:#FFFFFF 1px solid; position:relative;display:block; float:left; width:99px;overflow:hidden; z-index:999999}
ltly_2009 2009-06-11
  • 打赏
  • 举报
 回复
帮你顶下吧
qqweird0001 2009-06-11
  • 打赏
  • 举报
 回复
mark
xiaojing7 2009-06-11
  • 打赏
  • 举报
 回复
#nav_demo2 .hover dl {display:block; position:absolute; top:18px; left:0px;overflow:hidden;width:300px; background:#e1e1e1; white-space:nowrap; }
#nav_demo2 dd {border-bottom:#FFFFFF 1px solid; position:relative;display:block; float:left; width:99px; z-index:999999}
cbynietg 2009-06-11
  • 打赏
  • 举报
 回复
大哥, 这代码确实不少, 爱莫能助.
html5实现的时间轴设计工作记录样式效果源码
这是一款基于html5实现的时间轴设计工作记录样式效果源码，是一款时间考勤表样式插件源码。用户可根据自身需求调整显示的文字、颜色及时间等的样式和数值。使之更具个性化。建议使用火狐或谷歌浏览器查看该源码。源码兼容目前最新的主流浏览器。
纯CSS打造相册效果项目完整源码
代码为博客实例代码：http://blog.csdn.net/lmj623565791/article/details/30993277 有问题请博客留言
Element 表单样式调整
Element 表单样式调整 在很多时候我们都会遇到调整各种前端样式的时候，今天就给大伙唠一唠这个 Element 表单调整 input 的方式之一 可能会有人觉得，调个样式不就是去页面 F12 然后找一找对应 class 就行了吗？不就是写个行内样式给他用用就就好了么？等等等等… 但是经过本人粗糙的测试，发现这些方式是不行滴，除非你可以挖到它底层的样式，然后进行覆盖，那样应该是可行的，不过有点小麻烦就是了 好了，废话不多说！咱们直接上才艺！ 示例代码 <template> <div
CSS字体样式调整详解
大家好，今天分享一下CSS字体样式调整 我们对文本样式做以下的调整 1.颜色 2.文本对齐的方式 3.首行缩进 4.行高 5.装饰 写HTMl代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>字体样式</h1>
antd dropdown样式调整问题
antd dropdown样式调整问题 客户给的设计图中有针对select dropdown的样式要求，包括背景色、字体颜色、选中时颜色等等等。。 虽然通过F12中元素选择器确定了dropdown的css，直接在Chrome的DevTools中进行设置也可以产生效果，但是呢，在代码中进行设置后却不生效。。。那我这个前端新手小白就懵逼了呀。。 最后！！！请教小姐姐后，发现是项目最外层的总体样式中有针对此进行样式设置，因此覆盖了我新写的css样式。为了不改变总体样式，可在Select选择框中加一个dr
ASP

28,406

社区成员

356,946

社区内容

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages，是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章