Jquery中的ajax简单实现视频展示效果

GaHoOo

于 2018-09-07 16:09:58 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/GaHoOo/article/details/82497584

本文展示了如何使用Jquery的AJAX技术实现简单的视频展示效果，通过点击触发图片滑动动画。关键点包括正确设置盒子宽度、使用stop方法避免动画bug以及协调小圆点、下一张按钮与图片之间的交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先看看效果图：

点击前：

点击后：

以下为代码内容：

导包：

<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>

页面布局：

		<div class="container">
			<div class="container_header">
				<h3>
					动漫视频
					<!--<a href="javascipt:;" class="tips"></a>
					<a href="javascipt:;" class="tips"></a>-->
					<a href="javascipt:;" class="btn prev"><</a>
				    <a href="javascipt:;" class="btn next">&