太平洋电脑网左边菜单的实现
来源：互联网 发布：200俄罗斯球迷 知乎 编辑：程序博客网 时间：2024/05/02 04:39
由于本周同事请假了，所以她的任务得由我来接受。她走之前就告诉我说展示页面的那棵树要改造成太平洋电脑网左边菜单的样式，效果图如：http://product.pconline.com.cn/
昨天下午研究了一下其源代码，然后一点点剥去不要的代码，最后基本实现了这棵树的代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0044)http://product.pconline.com.cn/products.html -->
<HTML
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>测试菜单的实现</TITLE>
<style type="text/css">
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: #303880; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY: SimSun; TEXT-ALIGN: left
}
IMG {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
UL {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
OL {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
LI {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LI {
LIST-STYLE-TYPE: none
}
IMG {
VERTICAL-ALIGN: top
}
.spanclass {
DISPLAY: none
}
.hidden {
DISPLAY: none
}
#ivy_div {
DISPLAY: none
}
A {
COLOR: #000; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff6c00; TEXT-DECORATION: underline
}
A.downline {
TEXT-DECORATION: underline
}
A.downline:hover {
TEXT-DECORATION: underline
}
#header {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; Z-INDEX: 250; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 990px; PADDING-TOP: 0px; POSITION: relative
}
.main {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 990px; PADDING-TOP: 0px; ZOOM: 1; HEIGHT: auto
}
.main:unknown {
CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
.left178 {
Z-INDEX: 200; FLOAT: left; WIDTH: 178px; POSITION: relative
}
.right807 {
FLOAT: right; WIDTH: 807px
}
.menu-area-t {
PADDING-RIGHT: 12px; PADDING-LEFT: 12px; BACKGROUND: url(../images/jpgbg.jpg) repeat-x 0px -1348px; PADDING-BOTTOM: 0px; COLOR: #fff; LINE-HEIGHT: 26px; PADDING-TOP: 0px; HEIGHT: 26px; TEXT-ALIGN: right
}
.menu-area-t STRONG {
FONT-SIZE: 14px; FLOAT: left
}
.menu-area {
BORDER-RIGHT: #b5b5b5 3px solid; BORDER-TOP: #b5b5b5 3px solid; OVERFLOW: hidden; BORDER-LEFT: #b5b5b5 3px solid; WIDTH: 172px; BORDER-BOTTOM: #b5b5b5 3px solid; ZOOM: 1; HEIGHT: auto
}
.menu-area:unknown {
CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
.leftmenu1 {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #fff; BORDER-LEFT: #fff 1px solid; BORDER-BOTTOM: #fff 1px solid; ZOOM: 1; HEIGHT: auto
}
.leftmenu1:unknown {
CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
.leftmenu1 LI {
BACKGROUND: url(../images/gifbg.gif) no-repeat 0px -555px; FLOAT: left; OVERFLOW: visible; WIDTH: 170px; LINE-HEIGHT: 27px; HEIGHT: 27px
}
.leftmenu1 A {
DISPLAY: block; PADDING-LEFT: 22px; FLOAT: left; OVERFLOW: hidden; WIDTH: 143px; HEIGHT: 25px
}
.leftmenu1 LI A:hover {
COLOR: #000; TEXT-DECORATION: none
}
.leftmenu1 LI.sfhover {
BACKGROUND: url(../images/gifbg.gif) no-repeat 0px -583px
}
.leftmenu1 LI.sfhover UL {
BORDER-RIGHT: #a20e02 1px solid; BORDER-TOP: #a20e02 1px solid; BACKGROUND: #fffbf0; LEFT: auto; BORDER-LEFT: #a20e02 1px solid; BORDER-BOTTOM: #a20e02 1px solid
}
.leftmenu1 LI.sfhover LI {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(../images/jpgbg.jpg) repeat-x 0px -1727px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 174px; PADDING-TOP: 0px; HEIGHT: 28px; BORDER-RIGHT-WIDTH: 0px
}
.leftmenu1 LI UL {
PADDING-RIGHT: 12px; PADDING-LEFT: 12px; Z-INDEX: 888; FILTER: progid:DXImageTransform.Microsoft.shadow(direction=135,color=#bbbbbb,strength=4); LEFT: -999px; PADDING-BOTTOM: 8px; MARGIN-LEFT: 0px; WIDTH: 348px; PADDING-TOP: 1px; POSITION: absolute
}
.leftmenu1 LI UL LI {
OVERFLOW: hidden; LINE-HEIGHT: 30px; HEIGHT: 28px
}
.leftmenu1 LI UL A {
PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND: url(../images/gifbg.gif) no-repeat -797px -1240px; PADDING-BOTTOM: 0px; OVERFLOW: visible; WIDTH: auto; COLOR: #3f3f3f; PADDING-TOP: 0px
}
.leftmenu1 LI UL A:hover {
WIDTH: auto; COLOR: #f60; TEXT-DECORATION: none
}
.leftmenu1 LI.sfhover .longli {
WIDTH: 348px
}
</style>
</HEAD>
<BODY id=index><!-- 公共 ivy -->
<DIV id=header></div>
<DIV class=main>
<DIV class=left178>
<DIV class=menu-area>
<UL class=leftmenu1 id=leftmenu>
<LI><A href="javascript:void(0);" target=_self>手机通讯</A>
<UL>
<LI><A class=autoArea href="http://product.pconline.com.cn/mobile/">手机</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/xiaolingtong/">小灵通</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/talkieandwalkie/">对讲机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/phone_fittings/">手机配件</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/lanyaerji/">蓝牙耳机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/telephone/">电话机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/mobile_battery/">手机电池/充电器</A>
</LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>相机摄像机</A>
<UL>
<LI><A class=autoArea href="http://product.pconline.com.cn/dc/">数码相机</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/dv/">DV摄像机</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/lens/">镜头</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/filter/">滤镜</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/flash/">闪光灯</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/battery_charger/">电池/充电器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/spider_tripod/">三角架</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/photographbag/">摄影包</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/dvtape/">数码摄像机磁带</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/photo_zb/">摄影周边设备</A> </LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>数码产品</A>
<UL>
<LI><A class=autoArea href="http://product.pconline.com.cn/mp3/">MP3</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/mp4/">MP4</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/flashdisk/">U盘</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/mobiledisk/">移动硬盘</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/record/">数码录音笔</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/pda/">PDA</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/bxdvd/">便携式DVD</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/study/">电子辞典/学习机</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/ebook/">电子书</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/lcdadver/">数码液晶广告机</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/zwsbq/">指纹识别器</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/photodisplayer/">数码相框</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/game/">游戏机</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/moiletv/">掌上数字电视</A> </LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>笔记本</A>
<UL>
<LI><A class=autoArea
href="http://product.pconline.com.cn/notebook/">笔记本</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/umpc/">上网本</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/notebook_hdd/">笔记本硬盘</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/notebook_ram/">笔记本内存</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/notebook_cpu/">笔记本CPU</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/notebook_zb/">笔记本周边设备</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/nbmakeup/">笔记本美容</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/nb_battery/">笔记本电池</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/notebook_lcd/">笔记本液晶屏</A> </LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>电脑配件</A>
<UL>
<LI><A class=autoArea href="http://product.pconline.com.cn/mb/">主板</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/vga/">显卡</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/memory/">内存</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/harddisk/">硬盘</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/dianziyingpan/">固态硬盘</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/cpu/">CPU</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/lcd/">液晶显示器</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/writer/">刻录机</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/power/">PC电源</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/case/">机箱</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/cd_dvd_rom/">CD/DVD光驱</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/sanre/">散热系统</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/sound/">声卡</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/mouse/">鼠标</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/keyboard/">键盘</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/keyboard_mouse/">键鼠套装</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/pccamera/">摄像头</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/pro_vga/">专业显卡</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/crt/">CRT显示器</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/denglizi/">等离子显示器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/mouse_under/">鼠标垫</A> </LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>整机类</A>
<UL>
<LI><A class=autoArea href="http://product.pconline.com.cn/pc/">台式机</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/easy_pc/">一体电脑</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/workstation/">工作站</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/barebone/">准系统</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/thin_client/">瘦客户机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/gongkong/">工控产品</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/diybarebone/">准系统一体机</A> </LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>数码配件</A>
<UL>
<LI><A class=autoArea
href="http://product.pconline.com.cn/digipartner/">数码伴侣</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/cardreader/">数码存储卡/读卡器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/videocard/">视频卡/压缩卡</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/earphone/">耳机</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/tvbox/">电视接收盒</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/movepower/">移动电源</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/pingbaomo/">数码美容</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/electronpet/">电子宠物</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/cables/">连接线</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/protector/">保护套</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/mimaguanliqi/">密码管理器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/ej_amplifier/">耳机放大器</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/other/">其他</A>
</LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>数字家电</A>
<UL>
<LI><A class=autoArea href="http://product.pconline.com.cn/lcd_tv/">液晶电视</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/plasma/">等离子电视</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/hd_player/">高清/硬盘式播放机</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/icebox/">冰箱</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/air_condition/">空调</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/washer/">洗衣机</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/gonglvfangda/">功放</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/shuziyule/">数字娱乐</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/videodisc/">影碟机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/family_theater/">家庭影院</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/dvd_video_writer/">DVD视频刻录机</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/hifi/">音响</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/beitoudianshi/">背投电视</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/freezer/">冷冻柜</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/refrigerator/">冷藏柜</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/tv-allinone/">电脑电视一体机</A> </LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>外设</A>
<UL>
<LI><A class=autoArea href="http://product.pconline.com.cn/soundbox/">音箱</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/microphone/">麦克风</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/handinput/">手写绘画输入</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/touchproduct/">触控产品</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/digitizer/">数字化仪</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/gameside/">游戏周边设备</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/pcset/">PC遥控器</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/lcd_accessories/">显示设备配件</A>
</LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>扩展配件</A>
<UL>
<LI><A class=autoArea
href="http://product.pconline.com.cn/disk_cdrombox/">硬盘/光驱盒</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/lanyashipeiqi/">蓝牙适配器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/ups_power/">UPS电源</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/ups_battery/">UPS电池</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/eps_power/">EPS应急电源</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/wenyadianyuan/">稳压电源</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/against_power/">逆变电源</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/user_system/">单机多用户/拖机卡</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/pc_lock/">电脑管理/电脑锁</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/separate_card/">硬盘隔离卡</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/disksavecard/">硬盘保护卡</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/scsicard/">SCSI卡</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/copymachine/">拷贝机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/vod_system/">VOD系统</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/usb_jixianqi/">USB集线器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/rev_drive/">REV驱动器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/zip_drive/">Zip驱动器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/comcard/">串口(COM)卡</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/zhuanhuandianyuan/">转换电源</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/song/188vod/">点歌台</A> </LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>服务器</A>
<UL>
<LI><A class=autoArea href="http://product.pconline.com.cn/server/">服务器</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/gn_fwq/">功能服务器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/server_cpu/">服务器CPU</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/server_hdd/">服务器硬盘</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/server_ram/">服务器内存</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/server_mb/">服务器主板</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/hdd_raid/">磁盘阵列</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/tape_drive/">磁带机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/tape_library/">磁带库/虚拟磁带库</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/raid_card/">阵列卡</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/scsi_hba/">SCSI-HBA卡</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/server_zb/">服务器周边设备</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/mail_server/">邮件服务器</A> </LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>IDC</A>
<UL>
<LI><A class=autoArea href="http://product.pconline.com.cn/yuming/">域名注册</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/qiyeyouju/">企业邮局</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/fwq_tg_zy/">服务器托管与租用</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/conture_pc/">KVM切换器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/virtual_host/">虚拟主机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/air-condition_jm/">精密空调</A>
</LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>网络设备</A>
<UL>
<LI><A class=autoArea href="http://product.pconline.com.cn/router/">路由器</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/switch/">交换机</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/hub/">集线器</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/netcard/">网卡</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/moden/">Modem</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/line/">布线产品</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/optical/">光纤设备</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/firewall/">防火墙</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/printer_server/">打印服务器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/adsl_hdsl/">ADSL/HDSL</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/userscard/">多用户卡</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/vpn/">VPN设备</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/sslvpn/">SSL
VPN设备</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/lightning/">防雷设备</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/fdbjsb/">防盗报警设备</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/net_nodisk/">无盘网络</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/control_sys/">监控系统</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/power_net/">电力线联网设备</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/changing/">转换器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/network/">网络工程</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/broadcast/">公共广播系统</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/prevent_virus/">网络防毒</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/net_frame/">网络机柜</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/net_storage/">网络存储</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/utm/">UTM安全网关</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/voip/">融合通信/VOIP</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/net_text/">网络测试设备</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/com_server/">串口联网服务器</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/soft/">上网行为管理</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/ip_dslam/">IP
DSLAM</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/net_terminal/">网络终端</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/liuliang/">流量管理</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/fzjh/">负载均衡</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/ycfwfwq/">远程访问服务器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/fuyongqi/">复用器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/bandwidth/">频宽管理</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/fangduguolv/">防毒及邮件过滤</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/mokuai/">模块接口卡</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/net_extender/">网络延长器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/jifeixitong/">计费系统</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/network_jsyh/">网络加速及优化</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/repeater/">中继器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/download/">下载器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/neiwang/">内网安全</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/ids/">安防及入侵检测</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/instrument/">仪表仪器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/building_speak_system/">楼宇对讲系统</A>
</LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>无线网络</A>
<UL>
<LI><A class=autoArea
href="http://product.pconline.com.cn/wireless_router/">无线路由器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/wireless_card/">无线网卡</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/wifi_card/">无线上网卡</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/ap/">无线AP</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/wireless_sb/">其它无线网络设备</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/wireless_pj/">无线网络工程</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/wireless_switch/">无线交换机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/tiankuixitong/">天馈系统</A> </LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>办公设备</A>
<UL>
<LI><A class=autoArea
href="http://product.pconline.com.cn/printer_dgn/">多功能一体机</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/copy/">复印机</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/printer_ink/">喷墨打印机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/printer_laser/">激光打印机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/printer_zs/">针式打印机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/projection/">投影设备</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/fax/">传真机</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/faxserver/">传真服务器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/printer_note/">票据/证书打印机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/card_punches/">打卡机/考勤机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/cashing/">收款机/POS机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/printer_code/">条形码打印机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/whiteboard/">电子白板</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/shredder/">碎纸机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/netphone/">集团电话/交换机</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/scanner/">扫描仪</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/bar_code/">条码设备</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/certificate/">证卡打印机</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/label/">标签机</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/projection_pj/">投影配件</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/mimeograph/">油印机/一体机</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/plotter/">绘图仪</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/suliaoji/">塑封机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/cursorreading/">光标阅读机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/blueprinter/">晒图机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/teaching/">教学设备</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/press/">装订机</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/video/">视频展示台</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/bill/">验钞机/点钞机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/printer_pj/">打印机配件</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/printer_mini/">微型票据打印机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/jinghuaqi/">空气净化器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/choushiji/">抽湿机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/projection_dp/">投影灯泡</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/projector/">投影仪</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/gpxhj/">光盘销毁机</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/paiduiji/">排队机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/cz_gj/">裁纸机/过胶机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/gpdyklj/">光盘打印刻录机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/baomigui/">保密文件柜</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/calculator/">计算器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/printer_hs/">行式打印机</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/dictaphone/">录音电话</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/printer_sp/">视频打印机</A> </LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>数字音视频</A>
<UL>
<LI><A class=autoArea
href="http://product.pconline.com.cn/videorequest/">视频点播</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/videoandaudio/">视音频产品</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/net_meeting/">网络视频会议</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/phonetapesystem/">电话录音系统</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/meeting_system/">音频/视频会议系统</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/control_system/">中央控制系统</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/audio_interface/">专业音频接口</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/publish/">信息发布系统</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/displaywall/">大屏幕显示墙</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/removable_lcd/">抽取式LCD</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/lcd_system/">液晶屏升降系统</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/kuoyinqi/">扩音器</A> </LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>耗材</A>
<UL>
<LI><A class=autoArea
href="http://product.pconline.com.cn/ribbon/">碳带/色带/色带架</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/ink_box/">墨盒/墨水</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/xigutanfen/">硒鼓/碳粉</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/stamp_medium/">打印介质</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/cd_piece/">光盘片</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/magnetic_film/">磁带</A> </LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>汽车电子</A>
<UL>
<LI><A class=autoArea
href="http://product.pconline.com.cn/car_gps/">车载GPS</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/handheld_gps/">手持GPS</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/gps_mold/">GPS模块</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/car_lcd/">车载液晶显示器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/car_dvd/">车载DVD</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/car_mp3/">车载MP3</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/car_loudspeaker/">车载扬声器</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/car_mp4/">车载MP4</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/gps_soft/">导航软件</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/car_zb/">车载周边设备</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/carsetpc/">车载电脑</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/carpower/">车载电源</A> </LI>
<LI><A class=autoArea href="http://product.pcauto.com.cn/">其他汽车电子产品</A>
</LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>软件</A>
<UL>
<LI><A class=autoArea href="http://product.pconline.com.cn/os/">操作系统</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/databases/">数据库</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/toolsoft/">工具软件</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/killer/">杀毒/安全</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/education/">教育/考评软件</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/games/">游戏软件</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/finance/">财务与管理</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/photos/">图像处理/设计软件</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/office/">办公软件</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/vod/">VOD/酒店/餐饮管理</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/management/">行业管理</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/medicine/">医疗/医药软件</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/oa_officer/">OA办公自动化软件</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/business/">商务管理</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/calling/">呼叫中心</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/marker_pos/">商场POS系统</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/analysis/">网络分析软件</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/email_soft/">邮件服务器软件</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/control/">网络监控与管理</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/marketing/">网络营销</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/backup/">存储备份</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/development/">开发工具软件</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/protectsoft/">杀毒软件</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/sjrc_jq/">双机容错与集群</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/virtual/">虚拟化软件</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/lsfx/">连锁分销软件</A>
</LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/crm/">客户管理软件</A>
</LI></UL></LI>
<LI><A href="javascript:void(0);" target=_self>维修维护</A>
<UL>
<LI class=longli><A class=autoArea
href="http://product.pconline.com.cn/keep_repair/">电脑/笔记本/办公/网络设备维修与数据恢复</A>
</LI>
</UL>
</LI>
<LI><A href="javascript:void(0);" target=_self>其他</A>
<UL>
<LI><A class=autoArea
href="http://product.pconline.com.cn/dzhbcp/">电子环保产品</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/protect_radia/">防辐屏</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/broadcast_bj/">背景广播</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/patchboard/">接线板</A> </LI>
<LI><A class=autoArea href="http://product.pconline.com.cn/pctool/">电脑工具</A>
</LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/jkzhsb/">接口转换设备</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/music_cd/">CD专辑</A> </LI>
<LI><A class=autoArea
href="http://product.pconline.com.cn/aeromodel/">航模</A> </LI>
</UL>
</LI>
<LI><A href="javascript:void(0);" target=_self>汽车报价</A>
<UL>
<LI><A href="http://price.pcauto.com.cn/serial.jsp?sid=3555">新奥拓</A> </LI>
<LI><A href="http://price.pcauto.com.cn/serial.jsp?sid=491">奇瑞</A> </LI>
<LI><A href="http://price.pcauto.com.cn/serial.jsp?sid=3224">新飞度</A> </LI>
<LI><A href="http://price.pcauto.com.cn/serial.jsp?sid=3544">科鲁兹</A> </LI>
<LI><A href="http://price.pcauto.com.cn/serial.jsp?sid=1633">速腾</A> </LI>
<LI><A href="http://price.pcauto.com.cn/serial.jsp?sid=3543">新君威</A> </LI>
<LI><A href="http://price.pcauto.com.cn/serial.jsp?sid=4428">第八代雅阁</A> </LI>
<LI><A href="http://price.pcauto.com.cn/serial.jsp?sid=3454">奥迪a6l</A> </LI>
<LI><A href="http://price.pcauto.com.cn/serial.jsp?sid=3724">新一代皇冠</A> </LI>
<LI><A href="http://price.pcauto.com.cn/serial.jsp?sid=267">奔驰s级</A> </LI>
<LI><A href="http://price.pcauto.com.cn/serial.jsp?sid=164">宝马7系</A> </LI>
<LI><A href="http://price.pcauto.com.cn/serial.jsp?sid=3605">奥迪q5</A> </LI>
<LI><A href="http://price.pcauto.com.cn/serial.jsp?sid=1933">奥迪q7</A> </LI>
<LI><A href="http://price.pcauto.com.cn/serial.jsp?sid=3565">新奥德赛</A>
</LI></UL>
</LI>
<LI><A href="javascript:void(0);" target=_self>测试菜单</A>
</LI>
</UL></DIV>
</div>
<div class='right807'></div>
</DIV>
<SCRIPT defer type="text/javascript" >
//产品菜单
if (document.getElementById("leftmenu")){
var sfEls = document.getElementById("leftmenu").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover//b"),
"");
}
}
}
</SCRIPT>
</BODY></HTML>
建一个目录page，然后把这段代码粘到一个新建html文件里，在page所在目录下再建一个images目录，把太平洋用到的一张背景图片gifbg.gif放到里面，下载路径是：http://www1.pconline.com.cn/price/v2_1/art/images/gifbg.gif
运行一下基本这个菜单可以展示出来了。
其实他们整个网站基本都是基于div+css的样式，而很少用到table/tr/td。大部分是dd、dl、ul、li等。从上面也可以看出该菜单就写了一个js基本函数，只是改变其li的样式class属性。其实现基本是css里来实现的。
不过在我嵌到我的项目里的时候，发现点击链接的时候总会出现一个虚线框。
开始以为是什么样式导致的，最后网上搜了一篇文章《点击链接出现虚线框问题》才知：
转：http://hi.baidu.com/%C1%F8%B3%C7%C0%CB%D7%D3/blog/item/cb725a1ecd0e1869f624e42c.html
无论文字还是图片鼠标点击链接都会出现一个虚线框，这是问什么呢？不能去掉吗？
答案是能够去掉，这是关于CSS 中的 outline 属性，有人试验发现在IE中和Firefox中的的虚线框范围并不一样，也就是说：
IE 和 Firefox 对于 outline的解析范围并不一样，IE 认为虚线框就是文字或图片外border的边缘，而 Firefox 则认为虚线框是文字或图片的范围。
解决办法是：
IE 中使用它的私有的html属性：hideFoucs，在标签中加入 hidefocus=”true” 属性即可。
即：
<coolcode lang="html"><a href=“#” hidefocus=”true” title=”斗斗鱼部落”>文字或图片</a></coolcode>
Firfox 浏览器中则相对于在IE中就比较容易啦，可以直接给标签 链接定义一个样式 outline:none; 就可以了，
即：
<coolcode lang="html">a:foucs{outline:none;}.</coolcode>
- 太平洋电脑网左边菜单的实现
- 横向滑动ViewGoup(左边菜单右边内容)效果的实现
- 添加菜单左边的图标
- 添加菜单左边的图标
- DIV CSS实现左边商品分类菜单
- 一个方便的停靠在左边的隐藏菜单(css实现)
- 使用tree的左边菜单+多iframe实现的tab 实战
- 使用tree的左边菜单+多iframe实现的tab 实战
- Chinaren校友录所用的左边弹出式菜单
- 一个很好的左边下拉菜单
- 让superfish的菜单在左边显示
- jbrowse中配置左边菜单的解决方法
- C# 左边树形菜单右边Form展示区的类MDI实现
- Android 树形菜单的 实现 ，类似美团左边是树，右边 展 ...
- 基于Ajax+div的“左边菜单、右边内容”页面效果实现
- 仿太平洋电脑网客户端的搜索头
- 用jQuery和css3实现的一个模仿淘宝ued博客左边的菜单切换动画效果
- 左边菜单，右边内容
- asp.netサーバー側項目チェックの案
- VC新手之路02_如何为按钮添加图片01
- 将tempdb从master设备中转移时出现逻辑页面读取错误问题的解决
- windows系统环境变量
- 你可能从来没有遇到的Oracle奇怪现象
- 太平洋电脑网左边菜单的实现
- グリッドビューラッパー（asp.net）
- 09年个人入党自传书参考范文
- Java中重载和重写的区别
- CSV出力ボタンラッパー(asp.net)[イベントの作り方に役立つ]
- linux安装mplayer
- 多线程下载（转）
- 能力就是一种态度！
- ASP调用带参数存储过程的几种方式
