由于本周同事请假了,所以她的任务得由我来接受。她走之前就告诉我说展示页面的那棵树要改造成太平洋电脑网左边菜单的样式,效果图如: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].οnmοuseοver=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].οnmοuseοut=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover//b"),
"");
}
}
}
</SCRIPT>
</BODY></HTML>
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里来实现的。
不过在我嵌到我的项目里的时候,发现点击链接的时候总会出现一个虚线框。
开始以为是什么样式导致的,最后网上搜了一篇文章《点击链接出现虚线框问题》才知:
无论文字还是图片鼠标点击链接都会出现一个虚线框,这是问什么呢?不能去掉吗?
答案是能够去掉,这是关于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>
标签:菜单,左边,TOP,PADDING,WIDTH,电脑网,0px,BORDER,LEFT
From: https://blog.51cto.com/u_2544485/7395915