Question

怎么用jquery 做弹出层

比如说，我把鼠标放到一个价格上，然后让它触发事件，在鼠标这弹出一个div来显示是几折，ajax交互就先不管了，现在想知道鼠标放在价格上弹出的div用jquery

该怎么写？

Answer 1

Jquery实现的方法有很多fadeIn()（淡出）、show()，或者直接控制css 都可以实现显示功能。

下面直接给出一个简单的例子：

<ul id="ul">
<li><span>显示的内容1</span><div style="display:none;">鼠标经过要显示的内容1</div></li>
<li><span>显示的内容2</span><div style="display:none;">鼠标经过要显示的内容2</div></li>
<li><span>显示的内容3</span><div style="display:none;">鼠标经过要显示的内容3</div></li>
</ul>
<script type="text/javascript">
$("#ul li").mouseover(function(){//鼠标在li内移动时触发
$(this).find("div").fadeIn();//淡出显示当前li下的div
});
$("#ul li").mouseout(function(){//鼠标移出li时触发
$(this).find("div").fadeOut();//淡出隐藏当前li下的div
});
</script>

Answer 2

$("#btn").bind("mouseover",function(){
$("#div").show();

})

Answer 3

有简单的方式，就是元素的title属性，鼠标放上去后会显示title里的值，如果要求效果更华丽就需要jquery了。

Answer 4

这种可以用隐藏的绝对定位属性来做，比如;
你在价格的旁边放一个隐藏的div，然后设置这个div的position:abslute(单词我记不清了，是ab开头的),然后再写鼠标悬浮事件，具体的操作还要根据你页面布的局而定。

Answer 5

$("#table").ommouseover=function({
$("div").show()

})
用onmouseover方法

Answer 6

比较简单的，当鼠标hover时，层显示出来，当鼠标out时，层隐藏起来