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

发布于 2024-11-08 19:11:55 字数 320 浏览 10 评论 0原文

好吧，我知道这个问题之前已经被问过，但我什么都不懂我可以 html 但我不知道 javascript http://axy-david.net23.net/java/1.html 我希望每当鼠标光标悬停时面板都会淡入和淡出另请记住，我没有 javascript 经验其余的 .js 文件在这里： http://axy-david.net23.net/java/

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

落花随流水 2024-11-15 19:11:56

您可以尝试添加 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
  });
});

You might try adding on the jQuery library and using the fadeIn and fadeOut functions. Examples and documentation here:
http://api.jquery.com/fadeIn/

EDIT: More detailed step-by-step:
Download jQuery ( http://code.jquery.com/jquery-1.6.1.min.js ), save it with the rest of your js files, and add it in as an external JS file like your other ones.

Then you can use the function listed at that site.
Here's the first example they have:

<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
  });
});

回复收藏 0 原文

~没有更多了~