- 查看 1,196 次, 回复 0 次
-
自定义自导航代码参考6年前 (2018/08/09 14:22)
- lucy
- 注册:10年前
子导航展示效果如上图
以下是子导航效果的参考代码
<ul class="pro-tabs">
<li>
<a href="/Magnetic+Assembly/"><span class="pro-text">Magnetic Assembly</span><span class="pro-pic"><img src="https://icdn.tradew.com/file/201606/1569468/jpg/6075322.jpg?x-oss-process=image/quality,Q_90" alt="" /></span></a>
</li>
<li>
<a href="/NdFeB+Magnets/"><span class="pro-text">NdFeB Magnets</span><span class="pro-pic"><img src="https://icdn.tradew.com/file/201606/1569468/jpg/6075323.jpg?x-oss-process=image/quality,Q_90" alt="" /></span></a>
</li>
<li>
<a href="/SmCo+Magnets/"><span class="pro-text">SmCo Magnets</span><span class="pro-pic"><img src="https://icdn.tradew.com/file/201606/1569468/jpg/6075362.jpg?x-oss-process=image/quality,Q_90" alt="" /></span></a>
</li>
<li>
<a href="/Ferrite+Magnets/"><span class="pro-text">Ferrite Magnets</span><span class="pro-pic"><img src="https://icdn.tradew.com/file/201606/1569468/jpg/6075321.jpg?x-oss-process=image/quality,Q_90" alt="" /></span></a>
</li>
<li>
<a href="/products2070468/AlNiCo-Magnets.htm"><span class="pro-text">AlNiCo Magnets</span><span class="pro-pic"><img src="https://icdn.tradew.com/file/201606/1569468/jpg/6075326.jpg?x-oss-process=image/quality,Q_90" alt="" /></span></a>
</li>
<li>
<a href="/Soft+Magnets/"><span class="pro-text">Soft Magnets</span><span class="pro-pic"><img src="https://icdn.tradew.com/file/201606/1569468/jpg/6075325.jpg?x-oss-process=image/quality,Q_90" alt="" /></span></a>
</li>
<li>
<a href="/FeCrCo+Magnets/"><span class="pro-text">FeCrCo Magnets</span><span class="pro-pic"><img src="https://icdn.tradew.com/file/201606/1569468/png/6075327.png?x-oss-process=image/quality,Q_90" alt="" /></span></a>
</li>
<li>
<a href="/pid18090065/Flexible-Rubber-Magnets.htm"><span class="pro-text">Flexible Rubber Magnet</span><span class="pro-pic"><img src="https://icdn.tradew.com/file/201606/1569468/jpg/6314955.jpg?x-oss-process=image/quality,Q_90" alt="" /></span></a>
</li>
<li>
<a href="/pid18144493/SmFeN-Magnets.htm"><span class="pro-text">SmFeN Magnets</span><span class="pro-pic"><img src="https://icdn.tradew.com/file/201606/1569468/png/6730979.png?x-oss-process=image/quality,Q_90" alt="" height="50" /></span></a>
</li>
<li>
<a href="/products2075395/Alloy.htm"><span class="pro-text">Alloy</span><span class="pro-pic"><img src="https://icdn.tradew.com/file/201606/1569468/jpg/6308402.jpg?x-oss-process=image/quality,Q_90" alt="" /></span></a>
</li>
<li>
<a href="/products2078701/Magnetic-Toys.htm"><span class="pro-text">Magnetic Toys</span><span class="pro-pic"><img src="https://icdn.tradew.com/file/201606/1569468/png/6449956.png?x-oss-process=image/quality,Q_90" alt="" /></span></a>
</li>
<li>
<a href="/products2085570/MIM.htm"><span class="pro-text">Metal Injection Molding</span><span class="pro-pic"><img src="https://icdn.tradew.com/file/201606/1569468/jpg/6728187.jpg?x-oss-process=image/quality,Q_90" alt="" /></span></a>
</li>
</ul>
1
转到