完成在天猫商城导航条代码,如何作出鼠标移动一个归类,会出现下拉列表的实际效果编码,接下来是该下拉菜单代码,仅仅弄了简单实际效果!连接好几个下拉列表只需修改代码就可以了!
子雨给予的全部编码只有用以淘宝网的天猫店中。
下边是放到店铺招牌一部分:
<p>
<img src="http://img03.taobaocdn.com/imgextra/i3/619386354/T2mIq6XEVXXXXXXXXX-619386354.jpg" style="float:left;margin:0px;" /><img src="http://img02.taobaocdn.com/imgextra/i2/619386354/T2k.S5Xr4aXXXXXXXX-619386354.jpg" style="float:left;margin:0px;" /><a href=""><img class="m_nav_hover_02" valign="top" src="http://img01.taobaocdn.com/imgextra/i1/619386354/T2sfS7XpNXXXXXXXXX-619386354.jpg" style="float:left;margin:0px;" /></a><img src="http://img04.taobaocdn.com/imgextra/i4/619386354/T2Pi15XwhaXXXXXXXX-619386354.jpg" style="float:left;margin:0px;" />
</p>
下边的编码是要放到店面的店尾一部分,不然下拉列表会出现问题。
<div class="J_TWidget hidden ks-popup ks-overlay ks-ext-position ks-popup-hidden ks-overlay-hidden" data-widget-type="Popup" data-widget-config="{ 'trigger':'.m_nav_hover_02', 'align':{ 'node':'.m_nav_hover_02', 'offset':[0,0], 'points':['bc','tc'] } }" style="display: block; visibility: hidden; position: absolute; left: 575px; top: 227px; z-index: 99999800; " aria-disabled="false"><div class="ks-contentbox"><div class="m_down_menu w110"><dl> <dd> <img src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664233004-20220926225644-63322e2c10bb4.jpg" /></dd> <dd> <img src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664233004-20220926225644-63322e2c1b667.jpg" /></dd> <dd> <img src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664233004-20220926225644-63322e2c24408.jpg" /></dd> </dl></div></div>
子雨给予的全部编码只有用以淘宝网的天猫店中。
下边是放到店铺招牌一部分:
<p>
<img src="http://img03.taobaocdn.com/imgextra/i3/619386354/T2mIq6XEVXXXXXXXXX-619386354.jpg" style="float:left;margin:0px;" /><img src="http://img02.taobaocdn.com/imgextra/i2/619386354/T2k.S5Xr4aXXXXXXXX-619386354.jpg" style="float:left;margin:0px;" /><a href=""><img class="m_nav_hover_02" valign="top" src="http://img01.taobaocdn.com/imgextra/i1/619386354/T2sfS7XpNXXXXXXXXX-619386354.jpg" style="float:left;margin:0px;" /></a><img src="http://img04.taobaocdn.com/imgextra/i4/619386354/T2Pi15XwhaXXXXXXXX-619386354.jpg" style="float:left;margin:0px;" />
</p>
下边的编码是要放到店面的店尾一部分,不然下拉列表会出现问题。
<div class="J_TWidget hidden ks-popup ks-overlay ks-ext-position ks-popup-hidden ks-overlay-hidden" data-widget-type="Popup" data-widget-config="{ 'trigger':'.m_nav_hover_02', 'align':{ 'node':'.m_nav_hover_02', 'offset':[0,0], 'points':['bc','tc'] } }" style="display: block; visibility: hidden; position: absolute; left: 575px; top: 227px; z-index: 99999800; " aria-disabled="false"><div class="ks-contentbox"><div class="m_down_menu w110"><dl> <dd> <img src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664233004-20220926225644-63322e2c10bb4.jpg" /></dd> <dd> <img src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664233004-20220926225644-63322e2c1b667.jpg" /></dd> <dd> <img src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664233004-20220926225644-63322e2c24408.jpg" /></dd> </dl></div></div>