设计创意

鼠标触发 菜单图片翻转 代码

以前做页面的菜单的时候都比较头痛。因为设计的图片有时候不方便用CSS+DIV来实现。只能用JS。而JS看了又很囧。所以之前一直用GOLIVE软件来自己生成代码。虽然能解决。但和DW一样。会带来一大堆的不知道什么玩意的垃圾代码。看了就更晕咯!所以最好是自己写一段干净的JS。准备让S写给我的。但求程序员嘛 ... 通常是一件比较艰巨而痛苦的事。So ...  求救咯 百度 ! 果然。OK ... 找到了相当干净的代码。连我都能看懂。实属不易。和大家共享 😀

代码:

<script language="javascript" type="text/javascript">
<!--
function changeImg(id, path){
document.getElementById(id).src=path;
}
-->
</script>
<img id="img1" src=" 图片地址1.gif " width="20" height="35" onMouseOver="changeImg('img1',' 图片地址2.gif ')" onMouseOut="changeImg('img1',' 图片地址1.gif ')">

注意:图片地址1和图片地址2改一下!(引号留着)

本文由 Jackchen Design 1984 作者:jackchen 发表,转载请注明来源!

热评文章

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注