<script type="text/javascript">
$(document).ready(function () {
$(".two_middle1_li").mouseover(function () {
var str=$(this).attr("id");
if (str == "fzjs") {
$("#heiban_p1").fadeIn(1000);
}
else if (str == "snkjm") {
$("#heiban_p2").fadeIn(1000);
}
else if (str == "zygj") {
$("#heiban_p3").fadeIn(1000);
}
else if (str == "xgsy") {
$("#heiban_p4").fadeIn(1000);
}
else if (str == "zzjg") {
$("#heiban_p5").fadeIn(1000);
}
})
$("li").mouseout(function () {
$("#heiban p").css("display", "none");
});
});
</script>
但是在列表快速上下移动鼠标会出现这种情况请问怎样才能解决呢?还有,就是我的内容只有文字,有没有其他方法只用一个div就能改变内容呢?
希望各位帮帮我,谢谢。javascriptdiv
$(document).ready(function () {
$(".two_middle1_li").mouseover(function () {
var str=$(this).attr("id");
if (str == "fzjs") {
$("#heiban_p1").fadeIn(1000);
}
else if (str == "snkjm") {
$("#heiban_p2").fadeIn(1000);
}
else if (str == "zygj") {
$("#heiban_p3").fadeIn(1000);
}
else if (str == "xgsy") {
$("#heiban_p4").fadeIn(1000);
}
else if (str == "zzjg") {
$("#heiban_p5").fadeIn(1000);
}
})
$("li").mouseout(function () {
$("#heiban p").css("display", "none");
});
});
</script>
但是在列表快速上下移动鼠标会出现这种情况请问怎样才能解决呢?还有,就是我的内容只有文字,有没有其他方法只用一个div就能改变内容呢?
希望各位帮帮我,谢谢。javascriptdiv
解决方案 »
- []==[]输出ture或者false? []==![]输出ture或者false?
- 调用Ext.MessageBox.prompt()返回值到后台出现乱码
- 求助 2个js冲突。。。。高手帮帮忙。。。
- 为了少走些弯路,还希望各位给提点意见!!!
- 数组,对象,constructor的问题。。。高手帮忙。。。
- 在javascript中如何处理中文参数?100分
- document.close()方法---怎么没用的呢???
- 关于层??页面代码如下
- 没有动力学AngularJS,大家给点动力吧:)
- dwz富客户端的uploadify在IE下使用 报错"null或不是对象"然后好多个缺少对象?求破
- 网页上动态图片代码,急,求大神。。追加分!
- js 获取类属性问题
var str = $(this).attr("id");
$('#heiban_p1,#heiban_p2,#heiban_p3,#heiban_p4,#heiban_p5').hide();/////
if (str == "fzjs") {
$("#heiban_p1").fadeIn(1000);
}
else if (str == "snkjm") {
$("#heiban_p2").fadeIn(1000);
}
else if (str == "zygj") {
$("#heiban_p3").fadeIn(1000);
}
else if (str == "xgsy") {
$("#heiban_p4").fadeIn(1000);
}
else if (str == "zzjg") {
$("#heiban_p5").fadeIn(1000);
}
})
这个不行,速度慢的时候可以,但快速上下划过列表还是会出现重叠的。
我的DIV之前已经用display隐藏了
<script type="text/javascript">
$(document).ready(function () {
$(".two_middle1_li").mouseover(function () {
var str=$(this).attr("id");
$("#heiban_"+str).fadeIn(1000);
})
$("li").mouseout(function () {
$("#heiban p").css("display", "none");
});
});
</script>
问题解决了,要每个加.stop(true,true)才行
$("#heiban_p5").stop(true,true).fadeIn(1000);
感谢各位帮忙!