紫影基地

 找回密码
 立即注册
查看: 675|回复: 0

基于swiper.js 发展历程水平时间轴特效

[复制链接]
阅读字号:

2002

主题

2117

帖子

21万

积分

超级版主

Rank: 8Rank: 8

积分
210303
发表于 2022-12-1 18:33:11 | 显示全部楼层 |阅读模式
一款jQuery基于swiper.js制作的公司发展历程水平时间轴特效,带波浪背景非常创意大气,鼠标拖动或左右箭头控制时间轴滚动。

  1. js代码

  2. <script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
  3. <script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
  4. <script type="text/javascript">
  5.         var mySwiper = new Swiper('.swiper-container.licheng-content', {
  6.                 autoplay: false, //自动滑动
  7.         })
  8.         $('.btn-prev').click(function() {
  9.                 mySwiper.swipePrev();
  10.         })
  11.         $('.btn-next').click(function() {
  12.                 mySwiper.swipeNext();
  13.         })
  14. </script>
复制代码
wefewewz1.jpg

游客,如果您要查看本帖隐藏内容请回复





回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|紫影基地

GMT+8, 2025-1-12 09:57 , Processed in 0.085507 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表