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定义好呢?

$("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转换块级元素。
温馨提示:答案为网友推荐,仅供参考

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网