滑动门代码网页设计滑动门代码有什么？

滑动门代码时间:2021-06-30 阅读:()

CSS 选项卡中的 Javascript滑动门下面代码怎么看呢一句都看不明白

起码给点辛苦费撒都快过年了。

。

求段代码--网页滑动门效果？

看看！！可以不！ <table width="279" border="0" cellpadding="0" cellspacing="0" class="kuang"> <tr> <td width="276"> <table width=276 height="30" border=0 cellpadding=0 cellspacing=0 id=secTable> <tr height=30 align=center> <td width=138 height="30" class=sec2 onMouseOver="secBoard(0,'a','1')">协会公告</td> <td height="30" class=sec1 onMouseOver="secBoard(1,'a','2')">赛事聚焦</td> </tr> </table> <table width=276 height=217 border=0 cellpadding=0 cellspacing=0 class=main_tab id=mainTable> <tbody style="display:block;"> <tr> <td align="left">  <% rs.open" 4 * from gonggao order by 编号 desc",conn,1,1 do while not rs.eof%> <a href=gonggao.asp target="_blank"> <%=rs("标题")%> <hr align="center" width="90%" size="1" style="border-style:dotted; color:#3A3A3A" noshade> </a> <%rs.movenext loop rs.close%> <div align="right"> <a href=gonggao.asp target="_blank"><img border="0" src="/v2/thumb/?appid=200698&url=img%2Fmore1.gif"></a> </div></td> </tr> </tbody> <tbody style="display:none;"> <tr> <td height="75" align="left"> <%rs.open" 4 * from ppqianyan order by 编号 desc",conn,1,3 do while not rs.eof%> <a href=ppqianyan.asp target="_blank"> <%=rs("标题")%> <hr align="center" width="90%" size="1" style="border-style:dotted; color:#3A3A3A" noshade /> </a> <%rs.movenext loop rs.close%> <div align="right"> <a href="ppqianyan.asp" target="_blank"><img border="0" src="/v2/thumb/?appid=200698&url=img%2Fmore1.gif" /></a> </div></td> </tr> </tbody> </table></td> </tr> </table>

CSS+DIV做滑动门菜单，和TAB式选项卡菜单，要详细步骤

你用dreamweaver cs4的那里有现成的，直接在编辑器里创建就行了，具体步骤插入—spry—菜单栏，选项卡式面板，折叠式等，很多，，然后如果你会css+div的话可以把他们放到你想用的位置，找到相应代码修改下你想要的颜色就可以了，另外说一下，在cs4里，你直接按住alt直接可以转到标签（相应css），希望可以对你有所帮助

这是CSS+DIV制作滑动门效果的一段代码，我想在最新推荐或热门排行里面继续添加内容，应该怎么弄

这个~是滑动门？...可我没看到你这个实现了滑动门效果啊？ /z/q329933563.htm /z/q329921061.htm 这两个是我之前给别人回答的时候写的两个问问。

你去看看吧。

你说的想在最新推荐或热门排行里面继续添加内容，是添加一个网页吗？通过超级链接链接到另外一个页面吧？ <li onMouseOver="secBoard(0)" class="sec2"><a herf="#">最新推荐</a></li> 在#号的位置添加地址就可以了。

另外，学网页制作不能好高骛远，我看你这里面，HTML，CSS，javascript的内容都涉及到了。

要按部就班的学啊，先从HTML开始学起，熟悉每个标记之后再学CSS

网页设计滑动门代码有什么？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " /TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" /1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Untitled Document</title> <style type="text/css"> #menu { margin:0; padding:0; height:26em; overflow:hidden; background:#FFFCF2; } #menu li { list-style-type:none; float:left; display:block; width:100%; } #menu li a { display:block; text-decoration:none; color:#00b; margin:0; width:100%; } #menu li a span { display:none; color:#453739; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px 0px 5px; } #menu li a.one span { display:block; height:15em; margin:0 10px; } #menu li a:hover { background:#FFFCF2; } #menu li a:hover span { display:block; height:15em; margin:0 10px; cursor:pointer; } #menu .h2 { margin:0 5px; padding:0; color:#933A34; font-size:12px; border:0; font-family: Verdana, Arial, Helvetica, sans-serif; } #menu .h3 { margin:0 5px; padding:0; font-size:10px; color:#62583B; font-family: Verdana, Arial, Helvetica, sans-serif; } #menu img { margin:0px 5px 5px; border:1px solid #000; float:left; } .curved { width:21em; } .curved .b1, .curved .b2, .curved .b3, .curved .b4 { font-size:1px; display:block; background:#C7BC98; /* hide overflow:hidden from IE5/Mac */ /* */ overflow: hidden; /* */ } .curved .b1, .curved .b2, .curved .b3 { height:1px; } .curved .b2, .curved .b3, .curved .b4 { background:#FFFCF2; border-left:1px solid #C7BC98; border-right:1px solid #C7BC98; } .curved .b1 { margin:0 4px; background:#C7BC98; } .curved .b2 { margin:0 2px; border-width:0 2px; } .curved .b3 { margin:0 1px; } .curved .b4 { height:2px; margin:0; } .curved .c1 { margin:0 5px; background:#C7BC98; } .curved .c2 { margin:0 3px; border-width:0 2px; } .curved .c3 { margin:0 2px; } .curved .c4 { height:2px; margin: 0 1px; } .curved .boxcontent { display:block; background:transparent; border-left:1px solid #C7BC98; border-right:1px solid #C7BC98; font-size:0.9em; text-align:justify; } </style> </head>

<body> <div class="curved"> <b class="b1 c1"></b> <b class="b2 c2"></b> <b class="b3 c3"></b> <b class="b4 c4"></b> <div class="boxcontent"> <ul id="menu"> <li> <a href=" /"> <b class="h2">数据大全网</b><br /> <b class="h3">[2007-05-16]</b> <span> <img src=" /img/link.gif" alt=" | 数据大全网" /> 数据大全网,网页设计,网站制作建设,css学习,网页标准化 </span> </a> </li> <li> <a href=" /htmldata/sort/1.html"> <b class="b1"></b> <b class="b2"></b> <b class="b3"></b> <b class="b4"></b> <b class="h2">业界新闻了解</b><br /> <b class="h3">[2007-05-16]</b> <span> <img src=" /img/link.gif" alt=" | 数据大全网" /> 数据大全网,网页设计,网站制作建设,css学习,网页标准化 </span> </a> </li> <li> <a href=" /htmldata/sort/2.html"> <b class="b1"></b> <b class="b2"></b> <b class="b3"></b> <b class="b4"></b> <b class="h2">建站指南知识</b><br /> <b class="h3">[2006-06-18]</b> <span> <img src=" /img/link.gif" alt=" | 数据大全网" /> 数据大全网,网页设计,网站制作建设,css学习,网页标准化 </span> </a> </li> <li> <a href=" /htmldata/sort/3.html"> <b class="b1"></b> <b class="b2"></b> <b class="b3"></b> <b class="b4"></b> <b class="h2">网页制作相关知识</b><br /> <b class="h3">[2007-05-16]</b> <span> <img src=" /img/link.gif" alt=" | 数据大全网" /> 数据大全网,网页设计,网站制作建设,css学习,网页标准化 </span> </a> </li> <li> <a class="one" href=" /htmldata/sort/4.html"> <b class="b1"></b> <b class="b2"></b> <b class="b3"></b> <b class="b4"></b> <b class="h2">动画制作知识</b><br /> <b class="h3">[2007-05-16]</b> <span> <img src=" /img/link.gif" alt=" | 数据大全网" /> 数据大全网,网页设计,网站制作建设,css学习,网页标准化 </span> </a> </li> </ul> </div> <b class="b4 c4"></b> <b class="b3 c3"></b> <b class="b2 c2"></b> <b class="b1 c1"></b> </div> </body> </html>

测试通过

展开全文