โค้ด: เลือกทั้งหมด
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16', '', 'picture/menu/menu-home2.gif', 1)">
<img src="picture/menu/menu-home1.gif" name="Image16" width="116" height="35" border="0"></a>
</li>
<li class="nav-item">
<a href="about us.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image17', '', 'picture/menu/menu-about2.gif', 1)">
<img src="picture/menu/menu-about1.gif" name="Image17" width="112" height="35" border="0"></a>
</li>
<li class="nav-item">
<a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18', '', 'picture/menu/menu-products2.gif', 1)">
<img src="picture/menu/menu-products1.gif" name="Image18" width="111" height="35" border="0"></a>
</li>
<li class="nav-item">
<a href="gallery/demo.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19', '', 'picture/menu/menu-gallery2.gif', 1)">
<img src="picture/menu/menu-gallery1.gif" name="Image19" width="111" height="35" border="0"></a>
</li>
<li class="nav-item">
<a href="download.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image20', '', 'picture/menu/menu-download2.gif', 1)">
<img src="picture/menu/menu-download1.gif" name="Image20" width="111" height="35" border="0"></a>
</li>
<li class="nav-item">
<a href="news.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image21', '', 'picture/menu/menu-contact2.gif', 1)">
<img src="picture/menu/menu-contact1.gif" name="Image21" width="112" height="35" border="0"></a>
<li class="nav-item">
<a href="how_to_buy.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image22', '', 'picture/menu/how-to-buy-2.gif', 1)">
<img src="picture/menu/how-to-buy-1.gif" name="Image22" width="112" height="35" border="0"></a>
</li>
<li class="nav-item">
<a href="contact.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image31', '', 'picture/menu/menu-news2.gif', 1)">
<img src="picture/menu/menu-news1.gif" name="Image31" width="112" height="35" border="0"></a>
</li>
</ul>
</div>
</nav>
ขอบคุณค่ะ