当前位置：文江博客话题详情

当鼠标经过时显示 2 个图像，使用什么函数？

发布于 2024-10-26 05:19:10 字数 177 浏览 7 评论 0原文

我试图使我的标题看起来像这样： http://wareztuga.ws/index.php我想知道当我们经过家底部时他们是如何做到这一点的，它会闪烁。

我知道我们需要两张图像才能获得该结果，但我需要该功能。

原文

分享到QQ

分享到微博

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

发布评论

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

泛泛之交 2024-11-02 05:19:11

这与 PHP 无关。你只需更改 image-src ...那里有很多代码示例。这是一个。

回复收藏 0 原文

染柒℉ 2024-11-02 05:19:10

有许多方法可以实现图像翻转。这是一个非常基本的方法：

<html>
<head>
  <title>rollover demo</title>
  <script type="text/javascript">
    function swap(element, image) {
      element.src = image;
    }
  </script>
</head>
<body>
  <img src="home_normal.png" onmouseover="swap(this, 'home_rollover.png');" onmouseout="swap(this, 'home_normal.png');"/>
  <img src="about_normal.png" onmouseover="swap(this, 'about_rollover.png');" onmouseout="swap(this, 'about_normal.png');"/>
</body>
</html>

更好的方法是使用 jQuery 或其他一些使 HTML 不含 JavaScript 代码的库。如果你用谷歌搜索“javascript image rollover”或“jquery image rollover”，你会发现很多很多不同的方法。

There are many approaches to implementing an image rollover. Here's a very basic approach:

<html>
<head>
  <title>rollover demo</title>
  <script type="text/javascript">
    function swap(element, image) {
      element.src = image;
    }
  </script>
</head>
<body>
  <img src="home_normal.png" onmouseover="swap(this, 'home_rollover.png');" onmouseout="swap(this, 'home_normal.png');"/>
  <img src="about_normal.png" onmouseover="swap(this, 'about_rollover.png');" onmouseout="swap(this, 'about_normal.png');"/>
</body>
</html>

A more preferable method would be to use jQuery or some other library that keeps the HTML free of JavaScript code. You'll find many, many different ways to do it if you Google "javascript image rollover" or "jquery image rollover".

回复收藏 0 原文

~没有更多了~