当前位置：首页 > 下载站 > js特效 > jQuery特效 > jQuery的左右切换动画幻灯片轮播特效

jQuery的左右切换动画幻灯片轮播特效

jQuery左右切换动画幻灯片轮播特效

分类: js特效 / jQuery特效	发布时间: 2018-01-11	访问量: 2097
下载量: 63

点击下载预览效果

更多>

最新下载

js文本复制与剪切插件clipboard

js文本复制与剪切插件clipboard是一款兼容性非常好的原生态clipboard.js插件。

0 2026-01-22

简单的注册表单必填代码

div css制作简单的账号，密码，电话号码，验证码注册表单提交代码。可设置表单必填项功能。

0 2026-01-22

jQuery图片抖动滑块切换

jQuery图片抖动滑块切换是一款基于jQuery+CSS3实现的各个图片拼接成焦点图抖动切换特效。本作品由【站长素材】收集整理，转载请注明出处！

0 2026-01-22

jQuery星级评论表单美化代码

jQuery星级评论表单美化代码是一款带有星级评论按钮，美化textarea评论表单代码。

0 2026-01-22

五种切换效果的jQuery幻灯片

五种切换效果的jQuery幻灯片是一款基于jquery+css3实现图片切换特效，总共有5种不同的切换效果，爆炸效果，翻转效果，扭曲效果，立方体效果，翻页效果。

0 2026-01-22

jQuery垂直传送带图片切换

jQuery垂直传送带图片切换是一款根据窗口大小自动调整图片尺寸进行垂直滚动切换特效。本作品由【站长素材】收集整理，转载请注明出处！

0 2026-01-22

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

15934 2025-08-28
CSS3 教程

1546050 2025-08-27
Rust 教程

23120 2025-08-27
Vue 教程

25592 2025-08-22
PostgreSQL 教程

22101 2025-08-21
Git 教程

9097 2025-08-21

jQuery的左右切换动画幻灯片轮播特效

<head>
<title>jQuery左右切换动画幻灯片轮播特效</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
</head>
<body style="background-color:#d7d7d7;margin:auto">
<script src="/demos/googlegg.js"></script>
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/1.jpg" alt="1" title="1" id="wows1_0"></li>
<li><img src="data1/images/2.jpg" alt="2" title="2" id="wows1_1"></li>
<li><a href="#"><img src="data1/images/3.jpg" alt="bootstrap carousel" title="3" id="wows1_2"></a></li>
<li><img src="data1/images/4.jpg" alt="4" title="4" id="wows1_3"></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="1"><span><img src="data1/tooltips/1.jpg" alt="1">1</span></a>
<a href="#" title="2"><span><img src="data1/tooltips/2.jpg" alt="2">2</span></a>
<a href="#" title="3"><span><img src="data1/tooltips/3.jpg" alt="3">3</span></a>
<a href="#" title="4"><span><img src="data1/tooltips/4.jpg" alt="4">4</span></a>
</div></div><div class="ws_script" style="position:absolute;left:-99%"></div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>