鼠标悬停时添加淡入和淡出

时间:2011-05-20 09:26:09

标签: javascript fadein fadeout

好吧,我知道之前已经问过这个问题,但我无法理解 我可以HTML,但我不知道JavaScript http://axy-david.net23.net/java/1.html 我希望只要鼠标光标结束,面板就会淡入并淡出 另请注意,我没有javascript的经验 其余的.js文件在这里: http://axy-david.net23.net/java/

1 个答案:

答案 0 :(得分:0)

您可以尝试添加jQuery库并使用fadeIn和fadeOut函数。这里的示例和文档: http://api.jquery.com/fadeIn/

编辑:更详细的一步一步: 下载jQuery(http://code.jquery.com/jquery-1.6.1.min.js),将其与其余的js文件一起保存,并将其作为外部JS文件添加,就像其他文件一样。

然后您可以使用该网站上列出的功能。 这是他们的第一个例子:

<div id="clickme">
  Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123" />
With the element initially hidden, we can show it slowly:
$('#clickme').click(function() {
  $('#book').fadeIn('slow', function() {
    // Animation complete
  });
});