dw怎样做点标题展开隐藏的文字？
看到有些网页会把一些文字隐藏起来，只显示标题，点击标题就能下拉出现隐藏的文字，请问这个用dw怎样做？...
看到有些网页会把一些文字隐藏起来，只显示标题，点击标题就能下拉出现隐藏的文字，请问这个用dw怎样做？
展开
2个回答
展开全部
你说的这个是JS脚本````
我给你一个`你试下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<title>纯CSS的下拉菜单 支持IE6 IE7 Firefox</title>
<style type="text/css">
*{margin:0;padding:0;}
.menu{font-size:12px;position:relative;z-index:100;}
.menu ul{list-style:none;}
.menu li {float:left;position:relative;}
.menu ul ul {visibility:hidden;position:absolute;left:3px;top:23px;}
.menu table {position:absolute; top:0; left:0;}
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
.menu a{display:block;border:1px solid #aaa;background:#cacaca;padding:2px 10px;margin:3px;color:#fff;text-decoration:none;}
.menu a:hover{background:#fafafa;color:#000;border:1px solid #000;}
.menu ul ul{}
.menu ul ul li {clear:both;text-align:left;font-size:12px;}
.menu ul ul li a{display:block;width:100px;height:15px;margin:0;border:0;border-bottom:1px solid #858585;}
.menu ul ul li a:hover{border:0;background:#fafafa;border-bottom:1px solid #fff;}
</style>
</head>
<body>
<div class="menu">
<ul>
<li><a href="http://www.makewing.com/">XHTML/CSS
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.makewing.com/">标准</a></li>
<li><a href="http://www.makewing.com/">教程</a></li>
<li><a href="http://www.makewing.com/">技术文章</a></li>
<li><a href="http://www.makewing.com/">常见问题</a></li>
<li><a href="http://www.makewing.com/">布局教程专题</a></li>
<li><a href="http://www.makewing.com/">CSS菜单</a></li>
<li><a href="http://www.makewing.com/">浏览器兼容</a></li>
<li><a href="http://www.makewing.com/">滚动条相关</a></li>
<li><a href="http://www.makewing.com/">圆角矩形专题</a></li>
<li><a href="http://www.makewing.com/">CSS特效欣赏专题</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://www.makewing.com/">07艺术
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.makewing.com/">设计家园</a></li>
<li><a href="http://www.makewing.com/">设计家园</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://www.makewing.com/">Javascript
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.makewing.com/">JSON</a></li>
<li><a href="http://www.makewing.com/">技术文章</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://www.makewing.com/">DOM</a></li>
<li><a href="http://www.makewing.com/">XML</a></li>
<li><a href="http://www.makewing.com/">正则表达式
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.makewing.com/">正则表达式简介</a></li>
<li><a href="http://www.makewing.com/">正则表达式之道</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://www.makewing.com/">网站优化</a></li>
<li><a href="http://www.makewing.com/">电脑网络</a></li>
<li><a href="http://www.makewing.com/">建站技术
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.makewing.com/">HP</a></li>
<li><a href="http://www.makewing.com/">ASP</a></li>
<li><a href="http://www.makewing.com/">ASP.NET</a></li>
<li><a href="http://www.makewing.com/">JSP</a></li>
<li><a href="http://www.makewing.com/">SQL</a></li>
<li><a href="http://www.makewing.com/">Flash</a></li>
<li><a href="http://www.makewing.com/">Dreamweaver</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
</body>
</html>
我给你一个`你试下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<title>纯CSS的下拉菜单 支持IE6 IE7 Firefox</title>
<style type="text/css">
*{margin:0;padding:0;}
.menu{font-size:12px;position:relative;z-index:100;}
.menu ul{list-style:none;}
.menu li {float:left;position:relative;}
.menu ul ul {visibility:hidden;position:absolute;left:3px;top:23px;}
.menu table {position:absolute; top:0; left:0;}
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
.menu a{display:block;border:1px solid #aaa;background:#cacaca;padding:2px 10px;margin:3px;color:#fff;text-decoration:none;}
.menu a:hover{background:#fafafa;color:#000;border:1px solid #000;}
.menu ul ul{}
.menu ul ul li {clear:both;text-align:left;font-size:12px;}
.menu ul ul li a{display:block;width:100px;height:15px;margin:0;border:0;border-bottom:1px solid #858585;}
.menu ul ul li a:hover{border:0;background:#fafafa;border-bottom:1px solid #fff;}
</style>
</head>
<body>
<div class="menu">
<ul>
<li><a href="http://www.makewing.com/">XHTML/CSS
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.makewing.com/">标准</a></li>
<li><a href="http://www.makewing.com/">教程</a></li>
<li><a href="http://www.makewing.com/">技术文章</a></li>
<li><a href="http://www.makewing.com/">常见问题</a></li>
<li><a href="http://www.makewing.com/">布局教程专题</a></li>
<li><a href="http://www.makewing.com/">CSS菜单</a></li>
<li><a href="http://www.makewing.com/">浏览器兼容</a></li>
<li><a href="http://www.makewing.com/">滚动条相关</a></li>
<li><a href="http://www.makewing.com/">圆角矩形专题</a></li>
<li><a href="http://www.makewing.com/">CSS特效欣赏专题</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://www.makewing.com/">07艺术
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.makewing.com/">设计家园</a></li>
<li><a href="http://www.makewing.com/">设计家园</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://www.makewing.com/">Javascript
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.makewing.com/">JSON</a></li>
<li><a href="http://www.makewing.com/">技术文章</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://www.makewing.com/">DOM</a></li>
<li><a href="http://www.makewing.com/">XML</a></li>
<li><a href="http://www.makewing.com/">正则表达式
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.makewing.com/">正则表达式简介</a></li>
<li><a href="http://www.makewing.com/">正则表达式之道</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://www.makewing.com/">网站优化</a></li>
<li><a href="http://www.makewing.com/">电脑网络</a></li>
<li><a href="http://www.makewing.com/">建站技术
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.makewing.com/">HP</a></li>
<li><a href="http://www.makewing.com/">ASP</a></li>
<li><a href="http://www.makewing.com/">ASP.NET</a></li>
<li><a href="http://www.makewing.com/">JSP</a></li>
<li><a href="http://www.makewing.com/">SQL</a></li>
<li><a href="http://www.makewing.com/">Flash</a></li>
<li><a href="http://www.makewing.com/">Dreamweaver</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
你说的这个是JS脚本````我给你一个`你试下amp;lt;!DOCTYPEnbsp;htmlnbsp;PUBLICnbsp;“-//W3C//DTDnbsp;XHTMLnbsp;1.0nbsp;Strict//EN“nbsp;“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“amp;gt;amp;lt;htmlnbsp;xmlns=“http://www.w3.org/1999/xhtml“amp;gt;amp;lt;headamp;gt;amp;lt;metanbsp;http-equiv=“Content-Type“nbsp;content=“text/html;nbsp;charset=utf-8“nbsp;/amp;gt;amp;lt;metanbsp;name=“robots“nbsp;content=“all“nbsp;/amp;gt;amp;lt;titleamp;gt;纯CSS的下拉菜单nbsp;支持IE6nbsp;IE7nbsp;Firefoxamp;lt;/titleamp;gt;nbsp;amp;lt;stylenbsp;type=“text/css“amp;gt;nbsp;*{margin:0;padding:0;}nbsp;.menu{font-size:12px;position:relative;z-index:100;}nbsp;.menunbsp;ul{list-style:none;}nbsp;.menunbsp;linbsp;{float:left;position:relative;}nbsp;.menunbsp;ulnbsp;ulnbsp;{visibility:hidden;position:absolute;left:3px;top:23px;}nbsp;.menunbsp;tablenbsp;{position:absolute;nbsp;top:0;nbsp;left:0;}nbsp;.menunbsp;ulnbsp;li:hovernbsp;ul,nbsp;.menunbsp;ulnbsp;a:hovernbsp;ul{visibility:visible;}nbsp;.menunbsp;a{display:block;border:1pxnbsp;solidnbsp;#aaa;background:#cacaca;padding:2pxnbsp;10px;margin:3px;color:#fff;text-decoration:none;}nbsp;.menunbsp;a:hover{background:#fafafa;color:#000;border:1pxnbsp;solidnbsp;#000;}nbsp;.menunbsp;ulnbsp;ul{}nbsp;.menunbsp;ulnbsp;ulnbsp;linbsp;{clear:both;text-align:left;font-size:12px;}nbsp;.menunbsp;ulnbsp;ulnbsp;linbsp;a{display:block;width:100px;height:15px;margin:0;border:0;border-bottom:1pxnbsp;solidnbsp;#858585;}nbsp;.menunbsp;ulnbsp;ulnbsp;linbsp;a:hover{border:0;background:#fafafa;border-bottom:1pxnbsp;solidnbsp;#fff;}nbsp;amp;lt;/styleamp;gt;nbsp;amp;lt;/headamp;gt;nbsp;amp;lt;bodyamp;gt;nbsp;amp;lt;divnbsp;class=“menu“amp;gt;nbsp;amp;lt;ulamp;gt;nbsp;amp;lt;liamp;gt;amp;lt;anbsp;href=“http://www.makewing.com/“amp;gt;XHTML/CSSnbsp;amp;lt;!--[ifnbsp;IEnbsp;7]amp;gt;amp;lt;!--amp;gt;amp;lt;/aamp;gt;amp;lt;!--amp;lt;![endif]--amp;gt;nbsp;amp;lt;!--[ifnbsp;ltenbsp;IEnbsp;6]amp;gt;amp;lt;tableamp;gt;amp;lt;tramp;gt;amp;lt;tdamp;gt;amp;lt;![endif]--amp;gt;nbsp;amp;lt;ulamp;gt;nbsp;amp;lt;liamp;gt;amp;lt;anbsp;href=“http://www.makewing.com/“amp;gt;标准amp;lt;/aamp;gt;amp;lt;/liamp;gt;nbsp;amp;lt;liamp;gt;amp;lt;anbsp;href=“http://www.makewing.com/“amp;gt;教程amp;lt;/aamp;gt;amp;lt;/liamp;gt;nbsp;amp;lt;liamp;gt;amp;lt;anbsp;href=“http://www.makewing.com/“amp;gt;技术文章amp;lt;/aamp;gt;amp;lt;/liamp;gt;nbsp;amp;lt;liamp;gt;amp;lt;anbsp;href=“http://www.makewing.com/“amp;gt;常见问题amp;lt;/a
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
