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

回答

相關問題