• 查看 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>