京东新版首页html模板.doc

京东新版首页html模板 篇一：DIV+CSS仿京东商城导航条代码 lt;!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN lt;/title lt;style type=text/css .my_left_category{ width:150px; font-size:12px; font-family:arial,sans-serif; letter-spacing:2px; } .my_left_category h1{ background-image:url(/texiao/0/201005222304539.gif2244234background:url(/texiao/0/201005222304539.gif) left top; width:204px; } .my_left_category .shadow_border{ position:inherit; width:200px; border:1px solid #959595; margin-top:1px; border-left-width:0px; 1122123lt;img src=/texiao/0/2010052223045310.gif2244234background:url(/texiao/0/2010052223045310.gif) no-repeat 0px 21px; background-color:#ffffff; margin-bottom:3px } .my_left_category .shadow_border ul{margin:0; padding:0; margin-left:15px} .my_left_category .shadow_border ul li { list-style:none; padding-left:10px; background-image:url(http:///upload/360buy/my_cat_sub_menu_dot.gif); background-repeat:no-repeat; background-position:0px 8px; float:left; width:75px; height:26px; overflow:hidden; letter-spacing:0px; } .my_left_category .active_cat{ z-index:99;background-position:0 -25px;cursor:pointer;} .my_left_category .active_cat h3 { font-weight:bold} .my_left_category .active_cat h3 span{ display:none;} .my_left_category .active_cat div{display:block;} lt;/style lt;/head lt;body lt;div class=my_left_category lt;h1分类导航lt;/h1 lt;div class=my_left_cat_list lt;h2lt;a href=#按网站类别lt;/alt;/h2 lt;div class=h2_cat onmouseover=this.className=#39;h2_cat onmouseout=this.className=#39;h2_cat#39; lt;h3lt;a href=#企业建站lt;/alt;/h3 lt;div class=h3_cat lt;div class=shadow lt;div class=shadow_border lt;ul lt;lilt;a href=#LOGO设计lt;/alt;/li lt;lilt;a href=#网站设计lt;/alt;/li lt;lilt;a href=#网站广告lt;/alt;/li lt;lilt;a href=#推广lt;/alt;/li lt;lilt;a href=#建网站lt;/alt;/li lt;lilt;a href=#网站推广lt;/alt;/li lt;lilt;a href=#网站建设lt;/alt;/li lt;lilt;a href=#SEOlt;/alt;/li lt;/ul lt;/div lt;/div lt;/div lt;/div lt;div class=h2_cat onmous