<script type="text/javascript">
$(document).ready(function(){
$("#xu001").hide();
$("#xu002").hide();
$("#xu003").hide();
$("#xu004").hide();
$("#xu005").hide();
$("#xu006").hide();
});
$(document).ready(function(){
$("#xf1").hover(function(){
$("#xu001").fadeTo("slow", 1);
});
$("#xf1").mouseleave(function(){
$("#xu001").fadeTo("fast", 0);
});
});
$(document).ready(function(){
$("#xf2").hover(function(){
$("#xu002").fadeTo("slow", 1);
});
$("#xf2").mouseleave(function(){
$("#xu002").fadeTo("fast", 0);
});
});
$(document).ready(function(){
$("#xf3").hover(function(){
$("#xu003").fadeTo("slow", 1);
});
$("#xf3").mouseleave(function(){
$("#xu003").fadeTo("fast", 0);
});
});
$(document).ready(function(){
$("#xf4").hover(function(){
$("#xu004").fadeTo("slow", 1);
});
$("#xf4").mouseleave(function(){
$("#xu004").fadeTo("fast", 0);
});
});
$(document).ready(function(){
$("#xf5").hover(function(){
$("#xu005").fadeTo("slow", 1);
});
$("#xf5").mouseleave(function(){
$("#xu005").fadeTo("fast", 0);
});
$(document).ready(function(){
$("#xf6").hover(function(){
$("#xu006").fadeTo("slow", 1);
});
$("#xf6").mouseleave(function(){
$("#xu006").fadeTo("fast", 0);
});
});
});</script>
为什么上面的代码只执行一次就不执行就了 就是我鼠标悬浮上面 图片放大 第一次可以 第二次就不行了
$(document).ready(function(){
$("#xu001").hide();
$("#xu002").hide();
$("#xu003").hide();
$("#xu004").hide();
$("#xu005").hide();
$("#xu006").hide();
});
$(document).ready(function(){
$("#xf1").hover(function(){
$("#xu001").fadeTo("slow", 1);
});
$("#xf1").mouseleave(function(){
$("#xu001").fadeTo("fast", 0);
});
});
$(document).ready(function(){
$("#xf2").hover(function(){
$("#xu002").fadeTo("slow", 1);
});
$("#xf2").mouseleave(function(){
$("#xu002").fadeTo("fast", 0);
});
});
$(document).ready(function(){
$("#xf3").hover(function(){
$("#xu003").fadeTo("slow", 1);
});
$("#xf3").mouseleave(function(){
$("#xu003").fadeTo("fast", 0);
});
});
$(document).ready(function(){
$("#xf4").hover(function(){
$("#xu004").fadeTo("slow", 1);
});
$("#xf4").mouseleave(function(){
$("#xu004").fadeTo("fast", 0);
});
});
$(document).ready(function(){
$("#xf5").hover(function(){
$("#xu005").fadeTo("slow", 1);
});
$("#xf5").mouseleave(function(){
$("#xu005").fadeTo("fast", 0);
});
$(document).ready(function(){
$("#xf6").hover(function(){
$("#xu006").fadeTo("slow", 1);
});
$("#xf6").mouseleave(function(){
$("#xu006").fadeTo("fast", 0);
});
});
});</script>
为什么上面的代码只执行一次就不执行就了 就是我鼠标悬浮上面 图片放大 第一次可以 第二次就不行了
可以放在一个$(document).ready里边的,没必要使用多个
$("#xf1").mouseover( function() {
$("#xu001").fadeTo("slow", 1);
}).mouseout( function() { $("#xu001").fadeTo("fast", 0); });
$("#xf2").mouseover( function() {
$("#xu002").fadeTo("slow", 1);
}).mouseout( function() { $("#xu002").fadeTo("fast", 0); });
});
$("#xf1").mouseover( function() {
$("#xu001").fadeTo("slow", 1);
}).mouseout( function() { $("#xu001").fadeTo("fast", 0); });
$("#xf2").mouseover( function() {
$("#xu002").fadeTo("slow", 1);
}).mouseout( function() { $("#xu002").fadeTo("fast", 0); });
});