滑动鼠标切换内容效果代码

<>&lt;script&gt;<BR>function doClick_down(o){<BR>&nbsp; o.className="down_current";<BR>&nbsp; var j;<BR>&nbsp; var id;<BR>&nbsp; var e;<BR>&nbsp; for(var i=1;i&lt;=4;i++){<BR>&nbsp;&nbsp;&nbsp; id="down"+i;<BR>&nbsp;&nbsp;&nbsp; j=document.getElementById(id);<BR>&nbsp;&nbsp;&nbsp; e=document.getElementById("d_con"+i);<BR>&nbsp;&nbsp;&nbsp; if(id!=o.id){<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; j.className="down_link";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; e.style.display="none";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<BR>&nbsp;&nbsp;&nbsp; else{<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; e.style.display="block";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<BR>&nbsp;&nbsp;&nbsp; }<BR>&nbsp; }<BR>&lt;/script&gt;<BR>&lt;li&gt;&lt;span class="down_current" id="down1" onmouseover="javascript:doClick_down(this)"&gt;&lt;a target="_blank" href="123.asp"&gt;ASP源码&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;<BR>&lt;li&gt;&lt;span class="down_link" id="down2" onmouseover="javascript:doClick_down(this)"&gt;&lt;a target="_blank" href="123.asp"&gt;NET源码&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;<BR>&lt;li&gt;&lt;span class="down_link" id="down3" onmouseover="javascript:doClick_down(this)"&gt;&lt;a target="_blank" href="123.asp"&gtHP源码&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;<BR>&lt;li&gt;&lt;span class="down_link" id="down4" onmouseover="javascript:doClick_down(this)"&gt;&lt;a target="_blank" href="123.asp"&gt;常用软件&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;<BR>&lt;div id=d_con1&gt;11111111111&lt;/div&gt;<BR>&lt;div id=d_con2 style=&#39;display:none&#39;&gt;22222222222&lt;/div&gt;<BR>&lt;div id=d_con3 style=&#39;display:none&#39;&gt;33333333333&lt;/div&gt;<BR>&lt;div id=d_con4 style=&#39;display:none&#39;&gt;44444444444&lt;/div&gt;</P><>复制上面代码到网页相应位置即可看到滑动鼠标后内容切换的效果！</P>