大平洋汽车网左侧菜单- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 大平洋汽车网左侧菜单

Javascript: 用javascript实现的图片马赛克后显示并切换加文字功能; 通用的javascript　换行色换列色的小js; 滑动门,简洁,新手上路制作篇 (小鸽子系列); 文字模糊特效; javascript实现的又一个不错的滑动导航效果; css实现的图片模糊效果; javascript跟随鼠标x,y坐标移动的字效果; js实现用于建立新的一行且增加的四个文本框为空的且被禁用; XML+XSL 与 HTML 两种方案的结合; javascript生成/解析dom的CDATA类型的字段的代码; IE与FireFox的兼容性问题分析; 关于脚本操作文本域的问题; 刷新时清空文本框内容的js代码; 又一个不错的js浮动广告代码; 网页背景渐变效果代码; 非常漂亮的让背景如此暗淡（一种弹出提示信息时页面背景色调改变的方法）; [原创]jser必看的破解javascript各种加密的反向思维方法; eval(function(p,a,c,k,e,d)系列解密javascript程序; 从sohu弄下来的flash中展示图片的代码; 漂亮的widgets，支持换肤和后期开发新皮肤（2007-4-27已更新1.7alpha）

No. « ‹ 63 64 65 66 › »

技术文章搜索

关键字

Javascript 中的大平洋汽车网左侧菜单

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 121 ::

收藏到网摘: n/a

JavaScript使用cookie 使用JS操作页面表格，元素的一些技巧

给群内会员:—娱乐/唰*
样式中图片未下载,请自行下载.
下载文件

点击下载此文件

点击运行可以看到效果:

<html> <head>
<STYLE TYPE="text/css">
a.linkwhite:link {color:#fff; text-decoration:none;}
a.linkwhite:visited {color:#fff; text-decoration:none;}
a.linkwhite:hover {color:#ff6600; text-decoration:none;}
a.linkwhite:active {color:#ff4400; text-decoration:none;}
table,td,select,input,div {font-size:12px;}
body {font-size:12px; padding:0; margin:0; height:auto; background-color:#303880;}
a img {border:0;}
.f_01 { border-top-width: 1px; border-top-style: solid; border-top-color: #828282; background:url(http://www.pcauto.com.cn/images/piclib/m_index_47.jpg) repeat-x;
}
.f_02 { border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #fff; border-bottom-color: #CFCFCF; background:#F5F5F5;
}
.f_03 { border-top-width: 1px; border-top-style: solid; border-top-color: #83B1D4; border-bottom-color: #416784; border-bottom-width: 1px; border-bottom-style: solid;
}
.f_04 { border-top-width: 1px; border-top-style: solid; border-top-color: #CFCFCF; border-bottom-color: #fff; border-bottom-width: 1px; border-bottom-style: solid;
}
.STYLE2 {color: #000}
</STYLE>
</head>
<body> <table width="176" border="0" cellpadding="0" cellspacing="0"> <tr bgcolor="#1C3259" onMouseOver="mover(this,'#5B7AB2')" onMouseOut="mout(this,'#1C3259')"> <td class="f_01"> <table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr> <td align="left"> <img src="http://www.pcauto.com.cn/images/piclib/index_15.gif" width="10" height="12" /> <a class="linkwhite" href="javascript:void(0);" onclick="m_expandtree('TREE_1');"><font class="STYLE2">国产热门品牌</font></a> <img id="_LTREE_1" src="http://www.pcauto.com.cn/images/piclib/m_index_29.gif" > </td> </tr> </table> </td> </tr> <tr id="TREE_1" style="display:;" bgcolor="#34638D"> <td><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#34638D"> <tr onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <td class="f_02"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr onMouseOver="showDisplayLayers('Layer_1926');mover(this,'#EFEFEF')" onMouseOut="showDisplayLayers('Layer_1926');mout(this,'#F5F5F5')"> <td align="left"> <img src="http://www.pcauto.com.cn/images/piclib/m_index_57.jpg" width="12" height="11" /> <a class="linkwhite" href="javascript:void(0);"><font class="STYLE2">广州丰田</font></a> </td> <td width="10" align="left"> <img src="http://www.pcauto.com.cn/images/piclib/m_index_59.jpg" width="12" height="12" /> <DIV ID="Layer_1926" STYLE="Z-INDEX: 44; WIDTH: 200px; POSITION: absolute; HEIGHT: 20px; display: none; left: 178;"> <table border="0" cellspacing="0" cellpadding="0" width="200"> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgColor=#F5F5F5> <TR onMouseOver="mover(this,'#EBEBEB')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1927" target="_blank"><font class="STYLE2">凯美瑞</font></a></TD> </TR> </TABLE></td> </tr> </table> </DIV> </td> </tr> </table></td> </tr> <tr onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <td class="f_02"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr onMouseOver="showDisplayLayers('Layer_52');mover(this,'#EFEFEF')" onMouseOut="showDisplayLayers('Layer_52');mout(this,'#F5F5F5')"> <td align="left"> <img src="http://www.pcauto.com.cn/images/piclib/m_index_57.jpg" width="12" height="11" /> <a class="linkwhite" href="javascript:void(0);"><font class="STYLE2">北京现代</font></a> </td> <td width="10" align="left"> <img src="http://www.pcauto.com.cn/images/piclib/m_index_59.jpg" width="12" height="12" /> <DIV ID="Layer_52" STYLE="Z-INDEX: 44; WIDTH: 200px; POSITION: absolute; HEIGHT: 20px; display: none; left: 178;"> <table border="0" cellspacing="0" cellpadding="0" width="200"> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgColor=#F5F5F5> <TR onMouseOver="mover(this,'#EBEBEB')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1421" target="_blank"><font class="STYLE2">雅绅特</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgColor=#F5F5F5> <TR onMouseOver="mover(this,'#EBEBEB')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=55" target="_blank"><font class="STYLE2">索纳塔</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgColor=#F5F5F5> <TR onMouseOver="mover(this,'#EBEBEB')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=53" target="_blank"><font class="STYLE2">途胜</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgColor=#F5F5F5> <TR onMouseOver="mover(this,'#EBEBEB')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=56" target="_blank"><font class="STYLE2">伊兰特</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgColor=#F5F5F5> <TR onMouseOver="mover(this,'#EBEBEB')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=54" target="_blank"><font class="STYLE2">御翔</font></a></TD> </TR> </TABLE></td> </tr> </table> </DIV> </td> </tr> </table></td> </tr> </table></td> </tr> <tr bgcolor="#1C3259" onMouseOver="mover(this,'#5B7AB2')" onMouseOut="mout(this,'#1C3259')"> <td class="f_01"> <table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr> <td align="left"> <img src="http://www.pcauto.com.cn/images/piclib/index_15.gif" width="10" height="12" /> <a class="linkwhite" href="javascript:void(0);" onclick="m_expandtree('TREE_2');"><font class="STYLE2">国外热门品牌</font></a> <img id="_LTREE_2" src="http://www.pcauto.com.cn/images/piclib/m_index_12.gif" > </td> </tr> </table> </td> </tr> <tr id="TREE_2" style="display:none;" bgcolor="#34638D"> <td><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#34638D"> <tr onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <td class="f_02"><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr > <td align="left"> <img src="http://www.pcauto.com.cn/images/piclib/m_index_57.jpg" width="12" height="11" /> <a class="linkwhite" href="javascript:void(0)" onclick="m_expandtree('TREE_1011');"><font class="STYLE2">美洲品牌</font></a> <img id="_LTREE_1011" src="http://www.pcauto.com.cn/images/piclib/m_index_12.gif" > </td> <td width="10" align="left"></td> </tr> </table></td> </tr> <tr id="TREE_1011" style="display:none;"><td><table width="100%" border="0" cellpadding="4" cellspacing="0"> <tr onMouseOver="showDisplayLayers('Layer_1892');mover(this,'#EFEFEF')" onMouseOut="showDisplayLayers('Layer_1892');mout(this,'#F5F5F5')"> <td class="f_02"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"> <span class="STYLE2">·</span><a class="linkwhite" href="#"><font class="STYLE2">ACURA(讴歌)</font></a></td> <td width="10" align="left"> <img src="http://www.pcauto.com.cn/images/piclib/m_index_59.jpg" width="12" height="12" /> <DIV ID="Layer_1892" STYLE="Z-INDEX: 44; WIDTH: 200px; POSITION: absolute; HEIGHT: 20px; display: none; left: 178;"> <table border="0" cellspacing="0" cellpadding="0" width="200"> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1894" target="_blank"><font class="STYLE2">ACURA RL</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1893" target="_blank"><font class="STYLE2">ACURA TL</font></a></TD> </TR> </TABLE></td> </tr> </table> </DIV> </td> </tr> </table></td> </tr> <tr onMouseOver="showDisplayLayers('Layer_1562');mover(this,'#EFEFEF')" onMouseOut="showDisplayLayers('Layer_1562');mout(this,'#F5F5F5')"> <td class="f_02"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"> <span class="STYLE2">·</span><a class="linkwhite" href="#"><font class="STYLE2">别克</font></a></td> <td width="10" align="left"> <img src="http://www.pcauto.com.cn/images/piclib/m_index_59.jpg" width="12" height="12" /> <DIV ID="Layer_1562" STYLE="Z-INDEX: 44; WIDTH: 200px; POSITION: absolute; HEIGHT: 20px; display: none; left: 178;"> <table border="0" cellspacing="0" cellpadding="0" width="200"> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1563" target="_blank"><font class="STYLE2">Enclave概念车</font></a></TD> </TR> </TABLE></td> </tr> </table> </DIV> </td> </tr> </table></td> </tr> <tr onMouseOver="showDisplayLayers('Layer_1239');mover(this,'#EFEFEF')" onMouseOut="showDisplayLayers('Layer_1239');mout(this,'#F5F5F5')"> <td class="f_02"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"> <span class="STYLE2">·</span><a class="linkwhite" href="#"><font class="STYLE2">悍马</font></a></td> <td width="10" align="left"> <img src="http://www.pcauto.com.cn/images/piclib/m_index_59.jpg" width="12" height="12" /> <DIV ID="Layer_1239" STYLE="Z-INDEX: 44; WIDTH: 200px; POSITION: absolute; HEIGHT: 20px; display: none; left: 178;"> <table border="0" cellspacing="0" cellpadding="0" width="200"> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1240" target="_blank"><font class="STYLE2">06款H3</font></a></TD> </TR> </TABLE></td> </tr> </table> </DIV> </td> </tr> </table></td> </tr> <tr onMouseOver="showDisplayLayers('Layer_1236');mover(this,'#EFEFEF')" onMouseOut="showDisplayLayers('Layer_1236');mout(this,'#F5F5F5')"> <td class="f_02"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"> <span class="STYLE2">·</span><a class="linkwhite" href="#"><font class="STYLE2">林肯</font></a></td> <td width="10" align="left"> <img src="http://www.pcauto.com.cn/images/piclib/m_index_59.jpg" width="12" height="12" /> <DIV ID="Layer_1236" STYLE="Z-INDEX: 44; WIDTH: 200px; POSITION: absolute; HEIGHT: 20px; display: none; left: 178;"> <table border="0" cellspacing="0" cellpadding="0" width="200"> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1741" target="_blank"><font class="STYLE2">Zephyr</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1502" target="_blank"><font class="STYLE2">MKZ</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1442" target="_blank"><font class="STYLE2">MKX</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1237" target="_blank"><font class="STYLE2">Navigator(领航员)</font></a></TD> </TR> </TABLE></td> </tr> </table> </DIV> </td> </tr> </table></td> </tr> <tr onMouseOver="showDisplayLayers('Layer_1107');mover(this,'#EFEFEF')" onMouseOut="showDisplayLayers('Layer_1107');mout(this,'#F5F5F5')"> <td class="f_02"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"> <span class="STYLE2">·</span><a class="linkwhite" href="#"><font class="STYLE2">庞蒂克</font></a></td> <td width="10" align="left"> <img src="http://www.pcauto.com.cn/images/piclib/m_index_59.jpg" width="12" height="12" /> <DIV ID="Layer_1107" STYLE="Z-INDEX: 44; WIDTH: 200px; POSITION: absolute; HEIGHT: 20px; display: none; left: 178;"> <table border="0" cellspacing="0" cellpadding="0" width="200"> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1108" target="_blank"><font class="STYLE2">GTO</font></a></TD> </TR> </TABLE></td> </tr> </table> </DIV> </td> </tr> </table></td> </tr> <tr onMouseOver="showDisplayLayers('Layer_1064');mover(this,'#EFEFEF')" onMouseOut="showDisplayLayers('Layer_1064');mout(this,'#F5F5F5')"> <td class="f_02"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"> <span class="STYLE2">·</span><a class="linkwhite" href="#"><font class="STYLE2">雪佛兰</font></a></td> <td width="10" align="left"> <img src="http://www.pcauto.com.cn/images/piclib/m_index_59.jpg" width="12" height="12" /> <DIV ID="Layer_1064" STYLE="Z-INDEX: 44; WIDTH: 200px; POSITION: absolute; HEIGHT: 20px; display: none; left: 178;"> <table border="0" cellspacing="0" cellpadding="0" width="200"> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1666" target="_blank"><font class="STYLE2">Captiva</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1521" target="_blank"><font class="STYLE2">Camaro概念车</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1427" target="_blank"><font class="STYLE2">Corvette Z06</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1287" target="_blank"><font class="STYLE2">Aveo WTCC R+</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1265" target="_blank"><font class="STYLE2">06款HHR 2LT</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1099" target="_blank"><font class="STYLE2">T2X 概念车</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1088" target="_blank"><font class="STYLE2">雪佛兰SSR</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1065" target="_blank"><font class="STYLE2">雪佛兰Tahoe</font></a></TD> </TR> </TABLE></td> </tr> </table> </DIV> </td> </tr> </table></td> </tr> <tr onMouseOver="showDisplayLayers('Layer_1050');mover(this,'#EFEFEF')" onMouseOut="showDisplayLayers('Layer_1050');mout(this,'#F5F5F5')"> <td class="f_02"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"> <span class="STYLE2">·</span><a class="linkwhite" href="#"><font class="STYLE2">道奇</font></a></td> <td width="10" align="left"> <img src="http://www.pcauto.com.cn/images/piclib/m_index_59.jpg" width="12" height="12" /> <DIV ID="Layer_1050" STYLE="Z-INDEX: 44; WIDTH: 200px; POSITION: absolute; HEIGHT: 20px; display: none; left: 178;"> <table border="0" cellspacing="0" cellpadding="0" width="200"> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1522" target="_blank"><font class="STYLE2">Hornet概念车</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1266" target="_blank"><font class="STYLE2">2006 Charger R/T</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1054" target="_blank"><font class="STYLE2">SRT8</font></a></TD> </TR> </TABLE></td> </tr> </table> </DIV> </td> </tr> </table></td> </tr> <tr onMouseOver="showDisplayLayers('Layer_1049');mover(this,'#EFEFEF')" onMouseOut="showDisplayLayers('Layer_1049');mout(this,'#F5F5F5')"> <td class="f_02"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"> <span class="STYLE2">·</span><a class="linkwhite" href="#"><font class="STYLE2">凯迪拉克</font></a></td> <td width="10" align="left"> <img src="http://www.pcauto.com.cn/images/piclib/m_index_59.jpg" width="12" height="12" /> <DIV ID="Layer_1049" STYLE="Z-INDEX: 44; WIDTH: 200px; POSITION: absolute; HEIGHT: 20px; display: none; left: 178;"> <table border="0" cellspacing="0" cellpadding="0" width="200"> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1730" target="_blank"><font class="STYLE2">STS-V</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1289" target="_blank"><font class="STYLE2">XLR-V</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1235" target="_blank"><font class="STYLE2">凯迪拉克CTS</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1084" target="_blank"><font class="STYLE2">凯迪拉克SRX</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1060" target="_blank"><font class="STYLE2">DTS Presidential Limousine</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1051" target="_blank"><font class="STYLE2">Escalade</font></a></TD> </TR> </TABLE></td> </tr> </table> </DIV> </td> </tr> </table></td> </tr> <tr onMouseOver="showDisplayLayers('Layer_1035');mover(this,'#EFEFEF')" onMouseOut="showDisplayLayers('Layer_1035');mout(this,'#F5F5F5')"> <td class="f_02"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"> <span class="STYLE2">·</span><a class="linkwhite" href="#"><font class="STYLE2">福特</font></a></td> <td width="10" align="left"> <img src="http://www.pcauto.com.cn/images/piclib/m_index_59.jpg" width="12" height="12" /> <DIV ID="Layer_1035" STYLE="Z-INDEX: 44; WIDTH: 200px; POSITION: absolute; HEIGHT: 20px; display: none; left: 178;"> <table border="0" cellspacing="0" cellpadding="0" width="200"> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1925" target="_blank"><font class="STYLE2">新Focus RS WRC06</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1822" target="_blank"><font class="STYLE2">福特概念车</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1474" target="_blank"><font class="STYLE2">07款Expedition</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1441" target="_blank"><font class="STYLE2">Focus RS</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1286" target="_blank"><font class="STYLE2">Explorer</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1104" target="_blank"><font class="STYLE2">蒙迪欧</font></a></TD> </TR> </TABLE></td> </tr> </table> </DIV> </td> </tr> </table></td> </tr> <tr onMouseOver="showDisplayLayers('Layer_1012');mover(this,'#EFEFEF')" onMouseOut="showDisplayLayers('Layer_1012');mout(this,'#F5F5F5')"> <td class="f_02"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"> <span class="STYLE2">·</span><a class="linkwhite" href="#"><font class="STYLE2">克莱斯勒</font></a></td> <td width="10" align="left"> <img src="http://www.pcauto.com.cn/images/piclib/m_index_59.jpg" width="12" height="12" /> <DIV ID="Layer_1012" STYLE="Z-INDEX: 44; WIDTH: 200px; POSITION: absolute; HEIGHT: 20px; display: none; left: 178;"> <table border="0" cellspacing="0" cellpadding="0" width="200"> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1383" target="_blank"><font class="STYLE2">Aspen</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1013" target="_blank"><font class="STYLE2">300C</font></a></TD> </TR> </TABLE></td> </tr> <tr> <td align="left" class="f_04"><TABLE width="100%" border=0 cellPadding=4 cellSpacing=0 bgcolor=#F5F5F5> <TR onMouseOver="mover(this,'#EFEFEF')" onMouseOut="mout(this,'#F5F5F5')"> <TD width="10"></TD> <TD><span class="STYLE2">·</span> <a class="linkwhite" href="m_node_photos.jsp?nodeId=1014" target="_blank"><font class="STYLE2">Grand Voyager(大捷龙)</font></a></TD> </TR> </TABLE></td> </tr> </table> </DIV> </td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <script src="attachments/month_0606/n200662717755.js"></script> <div> http://www.yaosansi.com <div/> </body> </html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

JavaScript使用cookie 使用JS操作页面表格，元素的一些技巧

Javascript 中的 大平洋汽车网左侧菜单

评论 (0) All

Javascript 中的大平洋汽车网左侧菜单