Question

JQUERY mouseenter 和 mouseleave 循环问题

是这样的，首先JQUERY mouseenter 和mouseleave 能实现，如果自己写入PHP循环程序里的话。就同时打开了如何在循环里 不要同时打开呢？ 求救！

$("li").mouseenter(function(){
$(".x").slideToggle();
return false;

});
$("li").mouseleave(function(){
$(".x").slideToggle();
return false;
});

PHP循环代码例子 PHP代码我就不写了 用中文例子举例子：

｛PHP循环语句

<li> 我是文章 <span> 提示信息</span></li>

｝

输出后
<li> 我是文章 1<span> 提示信息</span></li>
<li> 我是文章 2<span> 提示信息</span></li>
<li> 我是文章 3<span> 提示信息</span></li>

每次鼠标一点li 3个文章提示全出来了
如何在JQUERY定义好呢？

Answer 1

$("li").each(function(){
$(this).mouseenter(function(){
$(".x").slideToggle();
return false;
});

$(this).mouseleave(function(){
$(".x").slideToggle();
return false;
});
}
)

这是js的实现方式，用css更方便。
li { 这里定义默认样式}
li:hover{ 这里定义hover样式}
用css切换效率高，代码整洁，是性价比最好的。
要是兼容IE，就把li 嵌套上a标签，或者结构变化，用a来制作触发点，并赋予display:block转换块级元素。