Question

我希望我能对如何正确地将Photoshop模板实现到网页中做一些澄清。我理解切片和保存方法。在构建网站时，特别是菜单栏，我会感到困惑。我希望菜单选项在访问者悬停链接时更改颜色。使用Photoshop，一切都保存为图像。如果图像是图像，如何让文本改变颜色？我是否保存了两张图片，一张是黑色，另一张是白色，然后在悬停时图片是否会随JavaScript变化？我可以用CSS而不是JavaScript来实现这一点吗？如何创建包含多个子项的下拉菜单？我是否需要为每个子项目分别设置图像？

希望这很清楚。你可能会看到，这里有很多混乱。提前致谢

Answer 1

使用photoshop，您可以使用一个工具分割菜单栏的每个部分，并自动生成多个图像，然后将其用作菜单按钮。

查看此链接以执行此操作但它是法语（对不起）：http://www.wks.fr/Creer-un-menu-black-gloss-decoupe.html

您可以像这样添加图片：

<table cellpadding="0" cellspacing="0" border="0"  >
   <tr>
         <td><a href="Default.aspx"><img src="images/imagesMenu/MenuBis_01.gif" alt="" border="0" onmouseover="this.src='images/imagesMenu/Menu_01.gif'" onmouseout="this.src='images/imagesMenu/MenuBis_01.gif'"/></a></td>
         <td><a href="Emplacements.aspx"><img src="images/imagesMenu/MenuBis_02.gif" alt=""border="0" onmouseover="this.src='images/imagesMenu/Menu_02.gif'" onmouseout="this.src='images/imagesMenu/MenuBis_02.gif'"/></a></td>
         <td><a href="Tarifs.aspx"><img src="images/imagesMenu/MenuBis_03.gif" alt=""border="0" onmouseover="this.src='images/imagesMenu/Menu_03.gif'" onmouseout="this.src='images/imagesMenu/MenuBis_03.gif'"/></a></td>
         <td><a href="Reservation.aspx"><img src="images/imagesMenu/MenuBis_04.gif" alt=""border="0" onmouseover="this.src='images/imagesMenu/Menu_04.gif'" onmouseout="this.src='images/imagesMenu/MenuBis_04.gif'"/></a></td>
         <td><a href="Galerie.aspx"><img src="images/imagesMenu/MenuBis_05.gif" alt=""border="0" onmouseover="this.src='images/imagesMenu/Menu_05.gif'" onmouseout="this.src='images/imagesMenu/MenuBis_05.gif'"/></a></td>
         <td><a href="About.aspx"><img src="images/imagesMenu/MenuBis_06.gif" alt=""border="0" onmouseover="this.src='images/imagesMenu/Menu_06.gif'" onmouseout="this.src='images/imagesMenu/MenuBis_06.gif'"/></a></td>
    </tr>
</table>

你可以看到，对于表格的每一列，当鼠标的光标不在时，你会看到一个图像，但当鼠标悬停在另一个图像上时，可见。

这是一种做你想做的事的方法。还有其他方法，但这很容易做到。

来自photoshop模板的动态菜单项

1 个答案: