如何使鼠標懸停在水槽上，然後單擊

我正在研究一些HTML，我希望這樣做，以便在將鼠標移到div上時，它將沉沒大約10 px，並且單擊它時會完全沉沒。我之前用div沒有任何鏈接（<a>）或文本（<p>），並且它工作得很好。但在我的網站（www.metatronaut.com）它根本沒有下沉。在我的javascript代碼：如何使鼠標懸停在水槽上，然後單擊

$(document).ready(function() { 
    $('tag').mouseenter(function() { 
     $(this).animate({ 
     height: '-=20px' 
    }); 
}); 
$('tag').mouseleave(function() { 
    $(this).animate({ 
     height: '+=20px' 
    }); 
}); 
$('tag').click(function() { 
    $(this).animate({ 
     height: '-=250px' 
    }); 
    }); 
});

（的div是250像素）

這裏是我的HTML標籤是如何上市。

<td> 
    <a href="https://www.twitter.com/metatronstudios"> 
     <div id="twitter"> 
      <p>Twitter</p> 
     </div> 
    </a> 
</td>

而CSS

div { 
height:250px; 
width:250px; 
} 
table { 
margin:auto; 
} 
a { 
font-size:24px 
text-decoration:none; 
color:#FFFFFF; 
} 
#twitter { 
background-color:#11CDFB; 
}

任何想法是怎麼回事？或者我應該把什麼標籤放在JS？（我已經使用了a，div，td和p，其中沒有一個能夠工作。）

謝謝！

薩姆

來源

2014-03-04 user3380708

您可以定義「匯」？把整個股票下移？把它縮短一點？究竟是什麼？ –

你想要解決什麼問題：'$（'tag'）' - 你在頁面上沒有任何''元素。你是否想讓你的div移動？然後選擇器需要'$（'div'）。mouseenter（...）' –

'tag'就是一個例子。目前我有'div'。 – user3380708

您需要包括jQuery的，如果你要使用它。它需要在引用它的任何其他腳本之前加載。加載您的JavaScript的最佳位置通常就在您關閉</body>標記之前。這可以加快頁面加載速度，並確保DOM準備好去操作它。

</body>之前，所以加入這一行：

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

您還需要以後的jQuery移動你自己的腳本出了頭，並把它：

<script type="text/javascript" src="script.js"></script>

來源

2014-03-04 23:47:23 slynagh

+1基於@ user3380708的網站，它看起來像jquery已被排除在外。如果沒有包含jquery（並且它必須包含在接收器代碼之前（script.js） – TryHarder

謝謝@moomoochoo我已經更新了我的答案。 – slynagh

我將它添加到body標籤後面的index.html但它仍然不工作？ – user3380708

如何使鼠標懸停在水槽上，然後單擊

回答

相關問題