Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript实现旋转木马?_Javascript_Jquery_Flash_Web - Fatal编程技术网

如何使用javascript实现旋转木马?

如何使用javascript实现旋转木马?,javascript,jquery,flash,web,Javascript,Jquery,Flash,Web,!! 图片从左向右滚动,当它停在区域的中间时,它会变得像原稿一样大,当它经过中间位置时,它会变得越来越小并消失。 有人知道如何使用javascript实现这项工作吗?任何参考资料都将不胜感激。您实际上是在要求有人向您解释旋转木马的许多方面是如何工作的。对于该级别的详细信息,最好的选择是找到一个现有的实现并对其进行分析 从概念上讲,转盘行为包括: 加载大量图像 添加事件处理程序以响应鼠标事件 检测某些鼠标事件并触发滚动运动的开始 创建动画以显示平移图像并更改其大小的运动 有几种不同的方法来制作动画

!! 图片从左向右滚动,当它停在区域的中间时,它会变得像原稿一样大,当它经过中间位置时,它会变得越来越小并消失。
有人知道如何使用javascript实现这项工作吗?任何参考资料都将不胜感激。

您实际上是在要求有人向您解释旋转木马的许多方面是如何工作的。对于该级别的详细信息,最好的选择是找到一个现有的实现并对其进行分析

从概念上讲,转盘行为包括:

  • 加载大量图像
  • 添加事件处理程序以响应鼠标事件
  • 检测某些鼠标事件并触发滚动运动的开始
  • 创建动画以显示平移图像并更改其大小的运动
  • 有几种不同的方法来制作动画和更改大小。这可以通过CSS3、jQuery的动画库或普通javascript中的计时器来完成,同时操作图像的位置和缩放大小
  • 在其他图像向外滚动时将新图像旋转到视图中

  • 我想你可以在jQuery中使用animate函数。下面是我很久以前写的一段代码。但是你应该改变一些东西。“3000”表示毫秒。
    $(function(){$(“body”)。点击(function(){$(“#panel”)。动画({左:“500px”,高度:“200px”},3000)。动画({顶:“200px”,高度:“100px”},3000)。动画({左:“0px”,高度:“200px”},3000)。动画({顶:“0px”,高度:“100px”},3000)})

    你想实现一个旋转木马吗?是的,它可能是一个旋转木马,如何使用javascript实现它@Ryadavillith有很多jquery插件可用。只需在你最喜欢的搜索引擎中搜索,然后选择一个最适合你的搜索引擎。谢谢,我找到了一些示例,它们中的任何一个都不会使图片变成“梯形”,我需要图片被阴影覆盖,当图片从左到右经过中间区域时,图片会褪色。jquery足以做到这一点吗?我需要其他js库吗@里亚达维利