jQuery飞出

我写了这个jQuery脚本。它的工作原理有些不错。当用户使用鼠标飞出飞机时，我希望这个飞行结束。我会怎么做？jQuery飞出

这里是下面的代码：

<script language="javascript"> 
     $(document).ready(function() { 
      $('#slick-box').hide(); 
      $('a#slick-toggle').mouseover(function() { 
       $('#slick-box').toggle(400); 
      }).mouseout(function(){ 
      $('#slick-toggle').hide();}); 
     }); 
    </script> 

    <style> 
    </style> 
</head> 

<body> 
    <a id="slick-toggle" href="#"> toggle the box </a> 
    <div style="position:relative;outline:1px dashed green;padding:10px;"> 
     <div id="slick-box" style="position:absolute;outline: 1px dashed hotpink; color:#fff; background-color:#000; opacity:0.8; filter:80;top:0px; left:0px ;"> 
      <h2>music name </h2> 
      <p> This will be shown and hidden</p> 
     </div> 
    </div> 
    <p>lorem ip sum loerm ip lorem ip sum lorem ipsum</p> 
    <p>lorem ip sum loerm ip lorem ip sum lorem ipsum</p> 
    <p>lorem ip sum loerm ip lorem ip sum lorem ipsum</p> 
    <p>lorem ip sum loerm ip lorem ip sum lorem ipsum</p> 
    <p>lorem ip sum loerm ip lorem ip sum lorem ipsum</p> 
    <p>lorem ip sum loerm ip lorem ip sum lorem ipsum</p> 
    <p>lorem ip sum loerm ip lorem ip sum lorem ipsum</p> 
</body>

来源

2010-10-24 user244394

什么是弹出窗口？ – kobe 2010-10-24 04:31:44

我想这就是你要找的。

http://jsfiddle.net/dactivo/z2sWn/

这表明当你将鼠标放置的链接，当你在文档中点击它只是消失（这就是你在一个评论说过）。

$('#slick-box').hide(); 
$('#slick-toggle').mouseover(function() { 
    $('#slick-box').show(400); 
}) 
    $(document).click(function() {$('#slick-box').hide();});

来源

2010-10-24 08:41:15 netadictos

在鼠标移开功能，你的意思，而不是使用＃油滑拨动＃光滑盒？这是一个现场演示的变化http://jsfiddle.net/rchern/szSbF/

来源

2010-10-24 04:48:15

不，我只希望它在用户点击扩展框外部时关闭 – user244394 2010-10-24 04:58:26

– user244394 2010-10-24 04:58:53

是http://jsfiddle.net/pahnin/unGmT/你想要什么？

将鼠标移出光滑的盒子时，圆滑的切换将隐藏起来，当您在盒子外面单击时会隐藏。

为此，我添加了另一个称为容器的div，其中包含所有内容。

来源

2010-10-24 06:52:22 pahnin

回答

相关问题