所以自己也下了一个来学习，把之前写的几个JS代码都转换成JQuery，既能保证代码的清晰，也保证了代码的通用性，真是一举两得啊，由于是初学者，所以代码有许多的不足，还请大家多多指正：）

1、实现图片翻转效果，DW本身提供了这个功能，不过还是自己写的好用，呵呵。之前写的方式比较麻烦，代码也比较乱，用JQuery改造后可以使其更加清晰，核心代码如下：

JS代码

复制代码 代码如下:

<script type="text/javascript">

<>

</script>

HTML部分如下：

复制代码 代码如下:

<div id="Menu">

<ul id="Nav">

<li><img src="Images/Menu_Line.gif" border="0" /></li>

<li><a href="#"><img src="Images/Menu_Home.gif" border="0" /></a></li>

<li><img src="Images/Menu_Line.gif" border="0" /></li>

<li><a href="#"><img src="Images/Menu_Intro.gif" border="0" /></a></li>

<li><img src="Images/Menu_Line.gif" border="0" /></li>

<li><a href="#"><img src="Images/Menu_Lerrn_On.gif" border="0" /></a></li>

<li><img src="Images/Menu_Line.gif" border="0" /></li>

<li><a href="#"><img src="Images/Menu_Studet.gif" border="0" /></a></li>

<li><img src="Images/Menu_Line.gif" border="0" /></li>

<li><a href="#"><img src="Images/Menu_Job.gif" border="0" /></a></li>

<li><img src="Images/Menu_Line.gif" border="0" /></li>

<li><a href="#"><img src="Images/Menu_About.gif" border="0" /></a></li>

<li><img src="Images/Menu_Line.gif" border="0" /></li>

</ul>

</div>

这里需要注意的是未翻转的图片名为没有_On，部分，如Menu_Home.gif，而翻转图片的图片名带_On，如Menu_Home_On.gif

当前1/2页12下一页阅读全文