//切换图片
$(document).ready(function(){
icount;
$("#dealer1").mousemove(function(){
clearInterval(icount);
});
$("#dealer2").mousemove(function(){
clearInterval(icount);
});
$("#dealer1").mouseout(function(){
icount=setInterval("changeImage()", 3000);
});
$("#dealer2").mouseout(function(){
icount=setInterval("changeImage()", 3000);
});
});
function changeImage(){
var display1 = document.getElementById("dealer1").style.display;
if(display1=="none"){
document.getElementById("dealer1").style.display ='block';
document.getElementById("dealer2").style.display ='none';
}else{
document.getElementById("dealer2").style.display ='block';
document.getElementById("dealer1").style.display ='none';
}
}控制div的显示与隐藏,以及鼠标悬停时停止切换
<ul class="pp_pic" id="dealer1" style="display: block;">
#foreach($!dealer in $!dealerList)
#if($!velocityCount<=10)
<li style="margin-top: 3px"><img src="$!link.getContextPath()/images/dealerPic/$!{dealer.fileName}" width="180" height="71" title="$!dealer.dealerName"/></li>
#end
#end
</ul>
<ul class="pp_pic" id="dealer2" style="display: none;">
#foreach($!dealer in $!dealerList)
#if($!velocityCount>10)
<li style="margin-top: 3px"><img src="$!link.getContextPath()/images/dealerPic/$!{dealer.fileName}" width="180" height="71" title="$!dealer.dealerName"/></li>
#end
#end
</ul>