Javascript 脚本的名称是什么？

这种脚本通常用于不同的管道（视频主机）。当用户将鼠标移到屏幕截图缩略图上时，该屏幕截图将替换为下一个屏幕截图，依此类推。当鼠标移出时，第一个图像显示在那里。我需要获得这类脚本的名称（如滚动、旋转木马、幻灯片放映）才能在google中查找它。

“滚动”最适合我认为您所描述的内容。您可以使用

mouseover

/

mouseout

或

mouseenter

/

mouseleave

事件（后者是IE特有的，但jQuery在所有浏览器上都提供了这些事件，有时更容易使用）来接收您应该更改图像的通知，然后交换图像（通过分配

img

元素的

src

属性，通过隐藏一个

img

元素并显示另一个，通过玩CSS游戏等等，有很多方法）

例如（）：

HTML:

---

这只是一个非常非常基本的例子。预加载图像（我在上面没有做过）也是很常见的，可以通过使用其他

img

页面外的元素（比如，

style=“position:absolute；left:-10000px”

）或者从脚本加载它们（通过创建

img

元素并分配其

src

）通过这种方式，当切换图像时，浏览器已经将图像缓存在缓存中，并且进行得非常顺利。

要扩展此功能，通常通过名为

setInterval

的函数来处理图像的旋转，该函数通常与

mouseover

事件和

clearInterval

，该函数与

m绑定USEOUT

事件。@Bryan:我不会这么说，不是在OP描述的内容中。在幻灯片之类的节目中，当然。我相信，在循环播放之前，序列图像通常也是通过AJAX获取的。@TJ:Ahhh..基于他的问题，我立即想到了很多视频网站使用的旋转屏幕截图效果。@GregL:这是common可以使用标记或脚本预取它们，但不能专门通过Ajax。

<p data-img="http://www.gravatar.com/avatar/ca3e484c121268e4c8302616b2395eb9?s=32&d=identicon&r=PG">Mousing over this paragraph shows my gravatar.</p>
<p data-img="http://www.gravatar.com/avatar/8b12d17e2b54660de108a0995e1b5c3f?s=32&d=identicon&r=PG">Mousing over this one shows yours.</p>
<p>If you're not over either, we show Jon Skeet's.</p>
<img id="theImage" src="http://www.gravatar.com/avatar/6d8ebb117e8d83d74ea95fbdd0f87e13?s=48&d=identicon&r=PG">

jQuery(function($) {
  var img = $("#theImage"),
      defaultImg = img[0].src;
  $("p[data-img]")
    .mouseenter(function() {
      img[0].src = $(this).attr("data-img");
    })
    .mouseleave(function() {
      img[0].src = defaultImg;
    });
});