关于javascript mouseenter事件无效
<script type="text/javascript" src="js/jquery-1.4.3.js">
</script>
<script type="text/javascript">
$(function() {
var i = 0;
var tid;
//var tid = beginzgq(i);
$('#d1').hover(function() {
clearInterval(tid);
}, function() {
tid = setInterval(function() {
showpicture(i);
i++;
if (i == 5) {
i = 0;
}
}, 2000);
}).mouseleave();
});
/*function stopzgq(lid){
clearInterval(lid);
}
function beginzgq(ii){
var iid = setInterval(
function(){
showpicture(ii);
ii++;
if(ii==5){
ii=0;
}
}
,2000);
return iid;
}*/
function showpicture(si) {
$('#d2').stop(true).animate({
'top' : -si * 177
}, 1000);
}
</script>
</head>
<body>
<div id="d1">
<ul id="d2">
<li><img src="picture/1.jpg" />
</li>
<li><img src="picture/2.jpg" />
</li>
<li><img src="picture/3.jpg" />
</li>
<li><img src="picture/4.jpg" />
</li>
<li><img src="picture/5.jpg" />
</li>
</ul>
<ul id="d3">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
</body>
这段代码可以让picture在div中从上往下加载1-5的图片,鼠标放在picture上面会让图片停止加载运动,但是我将hover中的两个函数写在$(function(){})的外面,鼠标再放到图片上图片还是一直在动,hover的两个函数见主食部分