DIV+CSS京东商城产品分类适合所有版本

1、DIV+CSS京东商城产品分类适合所有版本 第一步：在在你所用用的模板板的csss文件件中加上上以下代代码 Copyy too cllipbboarrdVVieww Coode CSSS101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108

2、109110 .my_lefft_ccateegorrywidthh2111px;font-sizze122px; .my_lleftt_caateggoryy h11backggrouund-imaageuurl(imaagesssprringg_066.jppg);heighht200px;backggrouund-reppeattno-reppeatt;font-sizze144px;font-weiighttbolld;paddiing-lefft155px;paddiing-topp8pxx;margiin0ppx;colorr#FFFF;.my_lleftt_caateggoryy

3、 .mmy_lleftt_caat_llisttwidthh2099px;bordeer-ccoloor#cce20020;bordeer-sstyllesoolidd;bordeer-wwidtth0ppx 11px 1pxx 1ppx;line-heiightt13.5ptt;.my_lleftt_caateggoryy .mmy_lleftt_caat_llistt h22 margiin0ppx;paddiing33px 5pxx 0ppx 99px;.my_lleftt_caateggoryy .mmy_lleftt_caat_llistt h22 acolorr#d662900b;

4、font-weiighttbolld;font-sizze144px;line-heiightt22ppx;.my_lleftt_caateggoryy .hh2_ccatwidthh2099px;heighht266px;backggrouund-imaageuurl(imaagessmy_mennubgg.giif);backggrouund-reppeattno-reppeatt;line-heiightt26ppx;font-weiighttnorrmall;colorr#33333333;posittionnrellatiive;.my_lleftt_caateggoryy afon

5、t112pxx;text-deccoraatioonnoone;colorr#33333333;.my_lleftt_caateggoryy ahhoveertext-deccoraatioonunnderrlinne;colorr#fff33333;.my_lleftt_caateggoryy h33margiin0ppx;paddiing00px;heighht266px;font-sizze122px;font-weiighttnorrmall;displlaybblocck;paddiing-lefft8ppx;.my_lleftt_caateggoryy h33 sppancollo

6、r#99999999; wwidtth1445pxx; ffloaatriightt;.my_lleftt_caateggoryy h33 a liine-heiightt26ppx;.my_lleftt_caateggoryy .hh3_ccatdispllaynnonee;widthh2044px;posittionnabssoluute;left1184ppx;margiin-ttop-26ppx;cursoorauuto;.my_lleftt_caateggoryy .sshaddowposittionninhheriit;backggrouunduurl(imaagessshaado

7、ww_044.giif) lefft ttop;widthh2044px;.my_lleftt_caateggoryy .sshaddow_borrderrposittionninhheriit;widthh2000px;bordeer1ppx ssoliid #95995955; mmarggin-topp1pxx;bordeer-lleftt-wiidthh0pxx;backggrouunduurl(imaagessshaadoww_boordeer.ggif) noo-reepeaat 00px 21ppx;backggrouund-collor#ffffffff;margiin-bbo

8、tttom33px.my_lleftt_caateggoryy .sshaddow_borrderr ullmaargiin0; paaddiing00; mmarggin-lefft155px.my_lleftt_caateggoryy .sshaddow_borrderr ull lii list-styylennonee;paddiing-lefft100px;backggrouund-imaageuurl(imaagessmy_catt_suub_mmenuu_doot.ggif);backggrouund-reppeattno-reppeatt;backggrouund-possit

9、iion00px 8pxx;floattlefft;widthh75ppx;heighht266px;overfflowwhidddenn;.my_lleftt_caateggoryy .aactiive_catt zz-inndexx99;bacckgrrounnd-pposiitioon0 -255px;currsorrpoiinteer;.my_lleftt_caateggoryy .aactiive_catt h33 fonnt-wweigghtbboldd.my_lleftt_caateggoryy .aactiive_catt h33 sppan diispllaynnonee;.

10、my_lleftt_caateggoryy .aactiive_catt diivddispplayybloock; 第二步：模模板文件件夹的 libbrarrycaateggoryy_trree.lbii内容改改为： Copyy too cllipbboarrdVVieww Coode HTMML100111213141516171819202122232425262728293031323334353637383940414243444546 metaa htttp-equuiv=Conntennt-TTypee coonteent=texxthttml; chharsset=gbkkdi

11、v cclasss=mmy_lleftt_caateggoryyh1商品分分类h11div cclasss=mmy_lleftt_caat_llisttassiign varr=prre_iitemm_leevell vaaluee=-11!-fforeeachh frrom=catt_liist(0,00,faalsee,3,fallse) ittem=catt-if $catt.leevell ltt 2 & $prre_iitemm_leevell gtt 0divdiv ifif $catt.leevell eqq 0h2a hhreff=$catt.urrl$caat.nnameee

12、sccapeehtmmlaah2 elseeif $caat.lleveel eeq 11div cclasss=hh2_ccat onmmousseovver=thiis.cclasssNaame=h22_caat aactiive_catt oonmoouseeoutt=thhis.claassNNamee=hh2_ccath3spaan - $catt.caat_ddesccesccapeehtmmlsspanna hhreff=$catt.urrl$caat.nnameeesccapeehtmmlaah3div cclasss=hh3_ccatdiv cclasss=sshaddowd

13、iv cclasss=sshaddow_borrderrulelseeif $caat.lleveel eeq 22lia hhreff=$catt.urrl$caat.nnameeesccapeehtmmlaali ifassiign varr=prre_iitemm_leevell vaaluee=$ccat.levvel!-fforeeachh-if $pree_ittem_levvel gt 0uldivdivdivdiv if meta 第三步：把把用到的的图片拷拷贝到模模板文件件夹的iimagges目目录完成！注：京东的二级级分类名名称旁边边列了22个三级级分类名名称（灰灰色）,作为三三级分类类的提示示。参考考其他网网友的做做法，这这里使用用二级类类的描述述字段ccat_dessc来实实现,【用用程序去去调取二二级类下下的前两两个三级级分类完完全是化化简为烦烦的事情情。】但但这个效效果要修修改 iinclludeesliib_ccommmon.phpp 才生生效的，当当然，不不修改也也不会出出错，只只是没有有显示罢罢了。修改方法：在inclludeesliib_ccommmon.phpp 的ccat_lisst函数数中找到到$sql =