商城常用产品分类栏鼠标感应加亮显示效果,可参考他们的css代码自己做一个,很实用的一个分类加亮特效。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren"> <meta name="description" content="欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。"> <title>仿当当网首页产品分类加亮显示效果_武鸣人</title> </head> <style type="text/css"> *{margin:0;padding:0} body{ font-family:宋体,Arial,Helvetica,sans-serif; font-size:12px; color:#404040;} /*分类*/ .www_wuming_ren{ background:#fffdd2; width:228px; margin-left:200px; border:1px solid #e5d1a1;} .www_wuming_ren_row{ background:url(/img/20240318_www_wuming_ren_24.gif) repeat-x 0 -2px;border-bottom:1px solid #fff; width:226px; padding:6px 1px 1px; clear:both;} .www_wuming_ren_frist{ width:226px; padding:1px; clear:both; border-bottom:1px solid #fff;} .www_wuming_ren_frist02{ border:2px solid #ffa200; background:#fff; width:226px;position:relative; clear:both;} .www_wuming_ren_row02{ border:2px solid #ffa200; background:#fff; width:226px;position:relative; clear:both;} .www_wuming_ren_frist02{ margin:-1px -1px -5px -1px;} .www_wuming_ren_row02{ margin:0 -1px -5px -1px} .www_wuming_ren h2{ display:block; font-size:14px; font-weight:bold;color:#404040; padding:8px 0 6px 11px} .www_wuming_ren_row02 h2{ padding:12px 0 6px 11px} .www_wuming_ren h2 a{ color:#404040; font-weight:bold} .www_wuming_ren_frist h2 a{ color:#3a7b37} .www_wuming_ren h2 a:hover { color:#CC3300; text-decoration:underline;} .www_wuming_ren_row02 h2 a,.www_wuming_ren_frist02 h2 a{ color:#c30;text-decoration:none} .homepage_list{ padding:0 0 0 11px; clear:both;} .www_wuming_ren_frist02 .homepage_list,.www_wuming_ren_row02 .homepage_list{padding-bottom:5px;} .homepage_list p{ clear:both; width:215px; line-height:normal; height:20px;}/*10-6-22 qsy修改*/ .homepage_list p span{ color:#666; height:12px; display:block; float:left;line-height:12px; overflow:hidden; padding:0 6px} .homepage_list a,.homepage_list a:hover{ display:block; float:left;color:#404040} .homepage_list a.hot,.homepage_list a.hot:hover{ color:#ff6000} .www_wuming_ren_more{ height:32px; line-height:32px; text-align:right;padding:5px 10px 0 0; background:url(/img/20240318_www_wuming_ren_24.gif) repeat-x 0 -2px;} .www_wuming_ren_more a,.www_wuming_ren_more a:hover{ color:#ff7100;font-weight:bold} </style> <body> <a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr> <!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。--> <script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script> <script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script> <div class="www_wuming_ren"> <!--图书音像分类--> <div class="www_wuming_ren_frist" id="__B" onMouseOver="this.className='www_wuming_ren_frist02'" onMouseOut="this.className='www_wuming_ren_frist'"> <h2><a href="http://book.dangdang.com#ref=www-0-B" target="_blank">图书</a></h2> <div class="homepage_list" > <p> <a href="http://book.dangdang.com/edu#ref=www-0-B" target="_blank" class="">教辅</a><span>|</span><a href="http://book.dangdang.com/01.45.htm#ref=www-0-B" target="_blank" class="">外语</a><span>|</span><a href="http://book.dangdang.com/01.47.htm#ref=www-0-B" target="_blank" class="">考试</a><span>|</span><a href="http://list.dangdang.com/book/01.49.html#ref=www-0-B" target="_blank" class="">教材</a></p><p> <a href="http://book.dangdang.com/01.30.htm#ref=www-0-B" target="_blank" class="">社会科学</a><span>|</span><a href="http://book.dangdang.com/01.36.htm#ref=www-0-B" target="_blank" class="">历史</a><span>|</span><a href="http://book.dangdang.com/01.18.htm#ref=www-0-B" target="_blank" class="">保健</a><span>|</span><a href="http://book.dangdang.com/01.17.htm#ref=www-0-B" target="_blank" class="">育儿</a></p><p> <a href="http://book.dangdang.com/01.01.htm#ref=www-0-B" target="_blank" class="">青春文学</a><span>|</span><a href="http://book.dangdang.com/01.03.htm#ref=www-0-B" target="_blank" class="">小说</a><span>|</span><a href="http://book.dangdang.com/children/children.aspx#ref=www-0-B" target="_blank" class="">少儿</a><span>|</span><a href="http://book.dangdang.com/01.22.htm#ref=www-0-B" target="_blank" class="">管理</a></p><p> <a href="http://bang.dangdang.com/book/bestSeller/#ref=www-0-B" target="_blank" class="">图书畅销榜</a><span>|</span><a href="http://bang.dangdang.com/book/newHotSelling/#ref=www-0-B" target="_blank" class="">新书热卖榜</a><span>|</span><a href="http://discount.dangdang.com/book/#ref=www-0-B" target="_blank" class="">特价书</a> </p> </div> </div> <!--两行分类--> <div id="__C1C2" class="www_wuming_ren_row" onMouseOver="this.className='www_wuming_ren_row02'" onMouseOut="this.className='www_wuming_ren_row'"> <h2 class="word4"><a href="http://category.dangdang.com/3c#ref=www-0-C" target="_blank">手机数码</a></h2> <div class="homepage_list"> <p> <a href="http://category.dangdang.com/list?cid=4001044#ref=www-0-C" target="_blank" class="">GSM手机</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001049#ref=www-0-C" target="_blank" class="">手机配件</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001140#ref=www-0-C" target="_blank" class="">MP4</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001142#ref=www-0-C" target="_blank" class="">iPOD</a></p><p> <a href="http://category.dangdang.com/list?cid=4001042#ref=www-0-C" target="_blank" class="">3G手机</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001156#ref=www-0-C" target="_blank" class="">耳机</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001162#ref=www-0-C" target="_blank" class="">音箱</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002602#ref=www-0-C" target="_blank" class="">数码配件</a></p><p> <a href="http://category.dangdang.com/list?cid=4001123#ref=www-0-C" target="_blank" class="">相机</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002604#ref=www-0-C" target="_blank" class="">单反相机</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001131#ref=www-0-C" target="_blank" class="">摄像机</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001155#ref=www-0-C" target="_blank" class="">词典</a></p> </div> </div> <!--三行分类--> <div id="__C3C4" class="www_wuming_ren_row" onMouseOver="this.className='www_wuming_ren_row02'" onMouseOut="this.className='www_wuming_ren_row'"> <h2 ><a href="http://category.dangdang.com/pc#ref=www-0-C" target="_blank">电脑</a></h2> <div class="homepage_list"> <p> <a href="http://category.dangdang.com/list?cid=4001075#ref=www-0-C" target="_blank" class="">笔记本</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001075#ref=www-0-C" target="_blank" class="">上网本</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001111#ref=www-0-C" target="_blank" class="">笔记本配件</a></p><p> <a href="http://category.dangdang.com/list?cid=4002232#ref=www-0-C" target="_blank" class="">电脑外设</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002364#ref=www-0-C" target="_blank" class="">移动存储</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001077#ref=www-0-C" target="_blank" class="">DIY配件</a></p><p> <a href="http://category.dangdang.com/list?cid=4002231#ref=www-0-C" target="_blank" class="">网络设备</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002616#ref=www-0-C" target="_blank" class="">办公设备</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002617#ref=www-0-C" target="_blank" class="">办公耗材</a></p> </div> </div> <div id="__C5C6" class="www_wuming_ren_row" onMouseOver="this.className='www_wuming_ren_row02'" onMouseOut="this.className='www_wuming_ren_row'"> <h2 ><a href="http://category.dangdang.com/beauty#ref=www-0-C" target="_blank">美妆</a></h2> <div class="homepage_list"> <p> <a href="http://category.dangdang.com/4002644.html#ref=www-0-C" target="_blank" class="">护肤</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002129#ref=www-0-C" target="_blank" class="">防晒</a><span>|</span><a href="http://category.dangdang.com/4002077.html#ref=www-0-C" target="_blank" class="">彩妆</a><span>|</span><a href="http://category.dangdang.com/4002142.html#ref=www-0-C" target="_blank" class="">香水</a></p><p> <a href="http://category.dangdang.com/list?cid=4002109#ref=www-0-C" target="_blank" class="">美发</a><span>|</span><a href="http://category.dangdang.com/4002699.html#ref=www-0-C" target="_blank" class="">美体</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002113#ref=www-0-C" target="_blank" class="">美容工具</a><span>|</span><a href="http://category.dangdang.com/4002093.html#ref=www-0-C" target="_blank" class="">男士</a></p><p> <a href="http://category.dangdang.com/list?cid=4002673#ref=www-0-C" target="_blank" class="">沐浴</a><span>|</span><a href="http://category.dangdang.com/4001661.html#ref=www-0-C" target="_blank" class="">成人用品</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002075#ref=www-0-C" target="_blank" class="">口腔护理</a></p> </div> </div> <div id="__C7C8" class="www_wuming_ren_row" onMouseOver="this.className='www_wuming_ren_row02'" onMouseOut="this.className='www_wuming_ren_row'"> <h2 ><a href="http://category.dangdang.com/baby#ref=www-0-C" target="_blank">母婴</a></h2> <div class="homepage_list"> <p> <a href="http://category.dangdang.com/list?cid=4001941#ref=www-0-C" target="_blank" class="">营养品</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002053#ref=www-0-C" target="_blank" class="">米粉</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001940#ref=www-0-C" target="_blank" class="">用品</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001976#ref=www-0-C" target="_blank" class="">奶粉</a></p><p> <a href="http://category.dangdang.com/list?cid=4001963#ref=www-0-C" target="_blank" class="">奶瓶</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001955#ref=www-0-C" target="_blank" class="">童车</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002067#ref=www-0-C" target="_blank" class="">婴儿玩具</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002055#ref=www-0-C" target="_blank" class="">尿片</a></p><p> <a href="http://category.dangdang.com/list?cid=4001996#ref=www-0-C" target="_blank" class="">婴儿洗护</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002012#ref=www-0-C" target="_blank" class="">孕产妇</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002042#ref=www-0-C" target="_blank" class="">小电器</a></p> </div> </div> <div id="__C9C10" class="www_wuming_ren_row" onMouseOver="this.className='www_wuming_ren_row02'" onMouseOut="this.className='www_wuming_ren_row'"> <h2 ><a href="http://category.dangdang.com/home#ref=www-0-C" target="_blank">家居</a></h2> <div class="homepage_list"> <p> <a href="http://category.dangdang.com/list?cid=4001482#ref=www-0-C" target="_blank" class="">床品</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001552#ref=www-0-C" target="_blank" class="">被子</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001530#ref=www-0-C" target="_blank" class="">枕头</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001495#ref=www-0-C" target="_blank" class="">凉席</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001500#ref=www-0-C" target="_blank" class="">蚊帐</a></p><p> <a href="http://category.dangdang.com/list?cid=4002824#ref=www-0-C" target="_blank" class="">家居服</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002376#ref=www-0-C" target="_blank" class="">浴巾</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001380#ref=www-0-C" target="_blank" class="">厨具</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001431#ref=www-0-C" target="_blank" class="">小家具</a></p><p> <a href="http://category.dangdang.com/list?cid=4001637#ref=www-0-C" target="_blank" class="">日杂</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001644#ref=www-0-C" target="_blank" class="">礼品</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001571#ref=www-0-C" target="_blank" class="">家饰</a><span>|</span><a href="https://www.wuming.ren" target="_blank" class="">康体保健</a></p> </div> </div> <div id="__C11C12" class="www_wuming_ren_row" onMouseOver="this.className='www_wuming_ren_row02'" onMouseOut="this.className='www_wuming_ren_row'"> <h2 ><a href="http://category.dangdang.com/electronic#ref=www-0-C" target="_blank">家电</a></h2> <div class="homepage_list"> <p> <a href="http://category.dangdang.com/list?cid=4002522#ref=www-0-C" target="_blank" class="">居家电器</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002521#ref=www-0-C" target="_blank" class="">个人护理</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001019#ref=www-0-C" target="_blank" class="">剃须刀</a></p><p> <a href="http://category.dangdang.com/list?cid=4002520#ref=www-0-C" target="_blank" class="">厨房电器</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001038#ref=www-0-C" target="_blank" class="">豆浆机</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001016#ref=www-0-C" target="_blank" class="">洗衣机</a></p><p> <a href="http://category.dangdang.com/list?cid=4001028#ref=www-0-C" target="_blank" class="">平板电视</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001004 #ref=www-0-C" target="_blank" class="">冰箱</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001032#ref=www-0-C" target="_blank" class="">空调</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001029#ref=www-0-C" target="_blank" class="">电风扇</a></p> </div> </div> <div id="__C13C14" class="www_wuming_ren_row" onMouseOver="this.className='www_wuming_ren_row02'" onMouseOut="this.className='www_wuming_ren_row'"> <h2 ><a href="http://category.dangdang.com/clothing#ref=www-0-C" target="_blank">女装</a></h2> <div class="homepage_list"> <p> <a href="http://category.dangdang.com/list?cid=4002788#ref=www-0-C" target="_blank" class="">针织衫</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002810#ref=www-0-C" target="_blank" class="">T恤衬衫</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002825#ref=www-0-C" target="_blank" class="">内衣</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002779#ref=www-0-C" target="_blank" class="">外套</a></p><p> <a href="http://category.dangdang.com/list?cid=4002803#ref=www-0-C" target="_blank" class="">裙子</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002793#ref=www-0-C" target="_blank" class="">女裤</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002816#ref=www-0-C" target="_blank" class="">西服/套装</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002819#ref=www-0-C" target="_blank" class="">礼服</a></p><p> <a href="http://category.dangdang.com/list?cid=4002848#ref=www-0-C" target="_blank" class="">袜子</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002822#ref=www-0-C" target="_blank" class="">帽子</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001910#ref=www-0-C" target="_blank" class="">童装</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001927#ref=www-0-C" target="_blank" class="">童鞋</a></p> </div> </div> <div id="__C15C16" class="www_wuming_ren_row" onMouseOver="this.className='www_wuming_ren_row02'" onMouseOut="this.className='www_wuming_ren_row'"> <h2 ><a href="http://category.dangdang.com/clothing#ref=www-0-C" target="_blank">男装</a></h2> <div class="homepage_list"> <p> <a href="http://category.dangdang.com/list?cid=4002743#ref=www-0-C" target="_blank" class="">衬衫T恤</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002747#ref=www-0-C" target="_blank" class="">POLO衫</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002762#ref=www-0-C" target="_blank" class="">牛仔</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002761#ref=www-0-C" target="_blank" class="">休闲裤</a></p><p> <a href="http://category.dangdang.com/list?cid=4002748#ref=www-0-C" target="_blank" class="">外套</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002765#ref=www-0-C" target="_blank" class="">西服套装</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002378#ref=www-0-C" target="_blank" class="">运动服装</a></p> </div> </div> <div id="__CA" class="www_wuming_ren_row" onMouseOver="this.className='www_wuming_ren_row02'" onMouseOut="this.className='www_wuming_ren_row'"> <h2 ><a href="http://category.dangdang.com/shoes#ref=www-0-C" target="_blank">鞋包</a></h2> <div class="homepage_list"> <p> <a href="http://category.dangdang.com/list?cid=4001867#ref=www-0-C" target="_blank" class="">女鞋</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001870#ref=www-0-C" target="_blank" class="">凉鞋</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002852#ref=www-0-C" target="_blank" class="">布鞋</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001832#ref=www-0-C" target="_blank" class="">女包</a></p><p> <a href="http://category.dangdang.com/list?cid=4001896#ref=www-0-C" target="_blank" class="">男鞋</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002861#ref=www-0-C" target="_blank" class="">休闲鞋</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001831#ref=www-0-C" target="_blank" class="">休闲包</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002397#ref=www-0-C" target="_blank" class="">运动包</a></p><p> <a href="http://category.dangdang.com/list?cid=4002384#ref=www-0-C" target="_blank" class="">运动鞋</a><span>|</span><a href="http://category.dangdang.com/list?cid=4002856#ref=www-0-C" target="_blank" class="">钱包</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001838#ref=www-0-C" target="_blank" class="">电脑包</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001837#ref=www-0-C" target="_blank" class="">旅行箱</a></p> </div> </div> <div id="__CD" class="www_wuming_ren_row" onMouseOver="this.className='www_wuming_ren_row02'" onMouseOut="this.className='www_wuming_ren_row'"> <h2 ><a href="http://category.dangdang.com/watch#ref=www-0-C" target="_blank">饰品</a></h2> <div class="homepage_list"> <p> <a href="http://category.dangdang.com/list?cid=4001827#ref=www-0-C" target="_blank" class="">项链/项坠</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001824#ref=www-0-C" target="_blank" class="">耳饰</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001822#ref=www-0-C" target="_blank" class="">手链/脚链</a></p><p> <a href="http://category.dangdang.com/list?cid=4001821#ref=www-0-C" target="_blank" class="">戒指</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001810#ref=www-0-C" target="_blank" class="">珠宝</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001848#ref=www-0-C" target="_blank" class="">手表</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001853#ref=www-0-C" target="_blank" class="">眼镜</a><span>|</span><a href="http://category.dangdang.com/list?cid=4001657#ref=www-0-C" target="_blank" class="">鲜花</a></p> </div> </div> <div id="__CJ" class="www_wuming_ren_row" onMouseOver="this.className='www_wuming_ren_row02'" onMouseOut="this.className='www_wuming_ren_row'"> <h2 ><a href="http://category.dangdang.com/?ref=www-0-C#ref=www-0-C" target="_blank">其他</a></h2> <div class="homepage_list"> <p> <a href="http://category.dangdang.com/food#ref=www-0-C" target="_blank" class="">食品</a><span>|</span><a href="http://category.dangdang.com/car#ref=www-0-C" target="_blank" class="">汽车用品</a><span>|</span><a href="http://category.dangdang.com/sports#ref=www-0-C" target="_blank" class="">运动</a><span>|</span><a href="http://category.dangdang.com/furniture#ref=www-0-C" target="_blank" class="">家饰</a></p><p> <a href="http://category.dangdang.com/toy#ref=www-0-C" target="_blank" class="">玩具/文具</a><span>|</span><a href="http://category.dangdang.com/software#ref=www-0-C" target="_blank" class="">软件</a><span>|</span><a href="http://category.dangdang.com/game#ref=www-0-C" target="_blank" class="">游戏</a><span>|</span><a href="http://category.dangdang.com/education#ref=www-0-C" target="_blank" class="">教育</a></p> </div> </div> <div class="www_wuming_ren_more" id="__C17"><a href="http://category.dangdang.com/?ref=www-0-C#ref=www-0-C" target="_blank">所有百货分类>></a></div> </div> </body> </html>
本文来自武鸣人网站,转载请注明出处