我自己想做个二级导航 可是在dw 预览的放到论坛就乱码了 求高手赐教
自己在dw 里面写的代码 ，预览效果如下：
放到论坛就这样了：
求高手赐教
代码如下：
图片是本地图片
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
.STYLE2 {color: #000000}
-->
</style>
<style type="text/css">
#ceng1 {
position:absolute;
width:960px;
height:50px;
z-index:1;
left: 9px;
top: 15px;
}
#cneg2 {
position:absolute;
width:960px;
height:50px;
z-index:2;
left: 10px;
top: 71px;
}
#tu1 {
position:absolute;
width:29px;
height:50px;
z-index:1;
left:1px;
top: 1px;
}
#neirong1 {
position:absolute;
width:75px;
height:50px;
z-index:2;
left: 30px;
top: 1px;
}
#Layer2 {
position:absolute;
left:30px;
top:0px;
width:75px;
height:50px;
z-index:2;
}
#apDiv1 {
position:absolute;
width:29px;
height:50px;
z-index:3;
left: 95px;
top: 1px;
}
#neirong2 {
position:absolute;
width:300px;
height:50px;
z-index:4;
left: 135px;
top: -1px;
}
#apDiv3 {
position:absolute;
width:250px;
height:50px;
z-index:3;
left: 135px;
top: 17px;
}
#apDiv4 {
position:absolute;
width:29px;
height:50px;
z-index:4;
left: 370px;
top: 1px;
}
#apDiv5 {
position:absolute;
width:150px;
height:50px;
z-index:5;
left: 401px;
top: 0px;
}
#apDiv6 {
position:absolute;
width:29px;
height:50px;
z-index:6;
left: 645px;
top: 1px;
}
#apDiv7 {
position:absolute;
width:130px;
height:50px;
z-index:7;
left: 676px;
top: 1px;
}
<!--#apDiv8 {
position:absolute;
width:960px;
height:1px;
z-index:4;
left: 9px;
top: 70px;
}
-->
#apDiv9 {
position:absolute;
width:29px;
height:50px;
z-index:1;
top: 3px;
}
#apDiv10 {
position:absolute;
width:200px;
height:50px;
z-index:2;
}
#apDiv11 {
position:absolute;
width:29px;
height:50px;
z-index:3;
left: 223px;
top: 0px;
}
#apDiv12 {
position:absolute;
width:200px;
height:50px;
z-index:4;
left: 254px;
top: 0px;
}
#apDiv13 {
position:absolute;
width:29px;
height:50px;
z-index:5;
left: 446px;
top: 1px;
}
#apDiv14 {
position:absolute;
width:130px;
height:50px;
z-index:6;
left: 478px;
top: 1px;
}
#apDiv15 {
position:absolute;
width:29px;
height:50px;
z-index:7;
left: 600px;
top: 1px;
}
#apDiv16 {
position:absolute;
width:130px;
height:50px;
z-index:8;
left: 628px;
top: 1px;
}
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body>
<div id="cneg2">
<div id="apDiv9"></div>
<img src="艺术.gif" width="29" height="50" />
<div id="apDiv10">
<table width="200" height="50" border="0" style="font-size:12px; font-family:宋体;">
<tr>
<td><a class="STYLE2" >收藏玩家</a></td>
<td><a class="STYLE2" >音乐乐器</a></td>
<td><a class="STYLE2" >书画纵横</a></td>
</tr>
<tr>
<td><a class="STYLE2" >民间艺人</a></td>
<td><a class="STYLE2" >花草园艺</a></td>
<td><a class="STYLE2" >家教培训</a></td>
</tr>
<tr>
<td><a class="STYLE2" >教育资讯</a></td>
<td><a class="STYLE2" >国学课堂</a></td>
<td> </td>
</tr>
</table>
</div>
<div id="apDiv11"><img src="文学.gif" width="29" height="50" /></div>
<div id="apDiv12">
<table width="200" height="50" border="0" style="font-size:12px; font-family:宋体;">
<tr>
<td><a class="STYLE2" >随感散文</a></td>
<td><a class="STYLE2" >诗词歌赋</a></td>
<td><a class="STYLE2" >小说杂文</a></td>
</tr>
<tr>
<td><a class="STYLE2" >文学社区</a></td>
<td><a class="STYLE2" >图文读配</a></td>
<td><a class="STYLE2" >对联灯谜</a></td>
</tr>
<tr>
<td><a class="STYLE2" >学生作文</a></td>
<td><a class="STYLE2" >淮上书香</a></td>
<td><a class="STYLE2" >小说连载</a></td>
</tr>
</table>
</div>
<div id="apDiv13"><img src="骑行.gif" width="29" height="50" /></div>
<div id="apDiv14">
<table width="130" height="50" border="0" style="font-size:12px; font-family:宋体;">
<tr>
<td><a class="STYLE2">个人车行</a></td>
<td><a class="STYLE2">汽车自驾</a></td>
</tr>
<tr>
<td><a class="STYLE2">大 旗行</a></td>
<td><a class="STYLE2">休闲骑行</a></td>
</tr>
<tr>
<td><a class="STYLE2">装备信息</a></td>
<td><a class="STYLE2">车友之家</a></td>
</tr>
</table>
</div>
<div id="apDiv15"><img src="商业.gif" width="29" height="50" /></div>
<div id="apDiv16">
<table width="130" height="50" border="0" style="font-size:12px; font-family:宋体;">
<tr>
<td><a class="STYLE2">个人车行</a></td>
<td><a class="STYLE2">汽车自驾</a></td>
</tr>
<tr>
<td><a class="STYLE2">大 旗行</a></td>
<td><a class="STYLE2">休闲骑行</a></td>
</tr>
<tr>
<td><a class="STYLE2">装备信息</a></td>
<td><a class="STYLE2">车友之家</a></td>
</tr>
</table>
</div>
</div>
<div id="ceng1">
<div id="tu1"><img src="新闻.gif" width="29" height="50" /></div>
<div id="Layer2">
<table width="75px" height="50px" border="0" style="font-size:12px; font-family:宋体;">
<tr>
<td><a class="STYLE2">热点转载</a></td>
</tr>
<tr>
<td><a class="STYLE2">图文播报</a></td>
</tr>
<tr>
<td><a class="STYLE2">视频现场</a></td>
</tr>
</table>
</div>
<div id="apDiv1"><img src="生活.gif" width="29" height="50" /></div>
<div id="apDiv2"></div>
<div id="apDiv7">
<table width="130" height="50" border="0" style="font-size:12px; font-family:宋体;">
<tr>
<td><a class="STYLE2">武术世家</a></td>
<td><a class="STYLE2">养生保健</a></td>
</tr>
<tr>
<td><a class="STYLE2">军事频道</a></td>
<td><a class="STYLE2">球迷沙龙</a></td>
</tr>
<tr>
<td><a class="STYLE2">棋牌游戏</a></td>
<td> </td>
</tr>
</table>
</div>
<div id="apDiv6"><img src="健身.gif" width="29" height="50" /></div>
<div id="apDiv5">
<table width="250" height="50" border="0" style="font-size:12px; font-family:宋体;">
<tr>
<td><a class="STYLE2">影视传媒中心</a></td>
<td><a class="STYLE2">主题活动</a></td>
<td><a class="STYLE2">佳作赏析</a></td>
</tr>
<tr>
<td><a class="STYLE2">国家级会员专辑</a></td>
<td><a class="STYLE2">培训诊断</a></td>
<td><a class="STYLE2">自主摄影</a></td>
</tr>
<tr>
<td><a class="STYLE2" >省级以上参赛作品</a></td>
<td><a class="STYLE2" >器材信息</a></td>
<td><a class="STYLE2" >精品推荐</a></td>
</tr>
</table>
</div>
<div id="apDiv4"><img src="摄影.gif" width="29" height="50" /></div>
</div>
<div id="apDiv3">
<table width="250" height="50" border="0" cellspacing="1" bordercolor="#000000" style="font-size:12px; font-family:宋体;">
<tr>
<td><a class="STYLE2" >情感家庭</a></td>
<td><a class="STYLE2" >史地志谱</a></td>
<td><a class="STYLE2" >房产置业</a></td>
<td><a class="STYLE2" >美食 坊</a></td>
</tr>
<tr>
<td><a class="STYLE2">方言乡音</a></td>
<td><a class="STYLE2">垂钓渔具</a></td>
<td><a class="STYLE2">宠物家园</a></td>
<td><a class="STYLE2">法律在线</a></td>
</tr>
<tr>
<td><a class="STYLE2">海外风情</a></td>
<td><a class="STYLE2">征婚交友</a></td>
<td><a class="STYLE2">旅游聚会</a></td>
<td><a class="STYLE2">市民杂谈</a></td>
</tr>
</table>
</div>
<!-- <div id="apDiv8">
<table width="960" height="1">
<tr>
<td><img src="细线.gif" width="960" height="1" /></td>
</tr>
</table>
</div>
-->
</body>
</html>
|
楼主