数码控科技猎奇Iphone动漫星座游戏电竞lolcosplay王者荣耀攻略allcnewsBLOGNEWSBLOGASKBLOGBLOGZSK全部技术问答问答技术问答it问答代码软件新闻开发博客电脑/网络手机/数码笔记本电脑互联网操作系统软件硬件编程开发360产品资源分享电脑知识文档中心IT全部全部分类全部分类技术牛文全部分类教程最新网页制作cms教程平面设计媒体动画操作系统网站运营网络安全服务器教程数据库工具网络安全软件教学vbscript正则表达式javascript批处理更多»编程更新教程更新游戏更新allitnewsJava新闻网络医疗信息化安全创业站长电商科技访谈域名会议专栏创业动态融资创投创业学院 / 产品经理创业公司人物访谈营销开发数据库服务器系统虚拟化云计算嵌入式移动开发作业作业1常见软件all电脑网络手机数码生活游戏体育运动明星影音休闲爱好文化艺术社会民生教育科学医疗健康金融管理情感社交地区其他电脑互联网软件硬件编程开发360相关产品手机平板其他电子产品摄影器材360硬件通讯智能设备购物时尚生活常识美容塑身服装服饰出行旅游交通汽车购房置业家居装修美食烹饪单机电脑游戏网页游戏电视游戏桌游棋牌游戏手机游戏小游戏掌机游戏客户端游戏集体游戏其他游戏体育赛事篮球足球其他运动球类运动赛车健身运动运动用品影视娱乐人物音乐动漫摄影摄像收藏宠物幽默搞笑起名花鸟鱼虫茶艺彩票星座占卜书画美术舞蹈小说图书器乐声乐小品相声戏剧戏曲手工艺品历史话题时事政治就业职场军事国防节日风俗法律法规宗教礼仪礼节自然灾害360维权社会人物升学入学人文社科外语资格考试公务员留学出国家庭教育学习方法语文物理生物工程学农业数学化学健康知识心理健康孕育早教内科外科妇产科儿科皮肤科五官科男科整形中医药品传染科其他疾病医院两性肿瘤科创业投资企业管理财务税务银行股票金融理财基金债券保险贸易商务文书国民经济爱情婚姻家庭烦恼北京上海重庆天津黑龙江吉林辽宁河北内蒙古山西陕西宁夏甘肃青海新疆西藏四川贵州云南河南湖北湖南山东江苏浙江安徽江西福建广东广西海南香港澳门台湾海外地区

swiper.js插件实现pc端文本上下滑动功能示例

来源:脚本之家  责任编辑:小易  

本文实例讲述了swiper.js插件实现pc端文本上下滑动功能。分享给大家供大家参考,具体如下:

在网站上看小说,文本太长时,靠鼠标去拖动滚动条太麻烦,鼠标滚轮又不精确,滚一下就不知道跑到哪去了。能不能像移动端那样可以鼠标上下滑动呢?swiper可以完美解决这个问题。

1、首先当然是引入swiper文件了:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.1.6/css/swiper.min.css" rel="external nofollow" >
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.1.6/js/swiper.min.js"></script>

2、html部分:

<div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui ab natus quae incidunt a officiis excepturi alias sit repellendus debitis? Inventore dolorum atque quibusdam hic doloribus dignissimos ratione unde dolorem numquam quam illum nulla. Nesciunt culpa sit libero nemo at quisquam modi itaque quae doloremque laborum possimus ad distinctio voluptates eius quibusdam recusandae officia! Rerum quas iusto soluta dolores quaerat suscipit earum perspiciatis alias esse error consequatur dolorum incidunt excepturi perferendis ad minus amet cumque ipsum illum libero? Iure dolores fugiat labore totam nihil debitis cum minus animi molestias quae. Harum dolorem dolor repellendus culpa quibusdam adipisci dignissimos quas asperiores eveniet ea enim possimus animi in architecto amet quisquam officia eius est provident numquam nesciunt dolorum a ratione labore voluptas totam corporis quae. Tempore mollitia saepe rem temporibus ex rerum dicta assumenda tempora asperiores at dolor sequi harum est nesciunt officiis itaque sint facere maiores nobis molestias cupiditate labore explicabo ipsa animi voluptates porro fuga iste dolores dolorem quod repudiandae a doloremque quam aliquid fugiat atque perferendis distinctio non aut reprehenderit. Eius commodi deserunt aperiam deleniti laudantium esse maiores adipisci consectetur. Saepe hic repellendus cumque quam dicta aperiam ipsam dolore nesciunt consequatur maxime deleniti deserunt laboriosam nostrum harum asperiores obcaecati sequi odio ipsum eius sint! Repudiandae a rem commodi quam sit illo nam quae. Ipsa cupiditate ipsum impedit consequatur unde dolores quibusdam veniam itaque ab cumque odit deleniti? Minus modi expedita voluptatum incidunt eaque natus facere molestias debitis voluptatibus error libero voluptatem aperiam quam culpa quisquam eligendi perferendis ab fugit aliquid quibusdam soluta nam veniam eius repellat dolor architecto iste provident aliquam quas quo! Provident debitis ratione corporis harum tempora nobis neque? Mollitia debitis expedita nisi temporibus voluptas ratione accusamus repellendus cupiditate repellat nobis aliquid explicabo nam magni et maxime rem ipsa perspiciatis officiis dolore eligendi fugiat necessitatibus quibusdam nulla officia sint consequatur quia blanditiis laudantium eius facilis. Qui nam suscipit consectetur adipisci illum eum sequi in magni voluptatibus totam sint architecto libero soluta! Porro repellat fugit nisi dolorum voluptate! Ea ducimus molestias rem tempora laboriosam aut blanditiis perferendis amet libero quisquam nostrum porro accusamus placeat possimus at consequatur ipsam nam ab error repellendus necessitatibus consequuntur dolor excepturi ex provident. Ipsum veniam laboriosam repellendus reprehenderit dolorem similique voluptates praesentium quaerat atque consectetur eos excepturi neque debitis necessitatibus qui delectus natus quia beatae odio sint cumque possimus ab quae labore repellat iure obcaecati asperiores! Fuga alias impedit quasi quisquam assumenda earum molestias mollitia illo nobis iusto qui accusamus quidem modi tempora sequi iure optio vero dolorum obcaecati similique adipisci ad perspiciatis quaerat. Consequuntur tempora cupiditate quaerat ab voluptatem dolorum voluptatum et molestiae similique modi quod provident amet. Perspiciatis quaerat atque laudantium excepturi! Commodi recusandae ad ratione vitae harum nihil veritatis quasi fugiat animi laudantium placeat quam nesciunt provident at molestias tempore beatae incidunt. Vero repellat iste perspiciatis sit quae optio illo odit excepturi minima odio asperiores similique laboriosam illum fugit corrupti. Similique hic quis corrupti facere possimus minus magni necessitatibus quae nostrum error modi aliquam perferendis eum quasi itaque nobis laudantium!
        </div>
        <div class="swiper-slide">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati laudantium dolores suscipit laboriosam vitae corporis alias architecto voluptas aperiam consectetur nisi vero voluptates sed nobis assumenda doloremque officiis asperiores dolorem! Cupiditate autem magnam aliquam velit necessitatibus fugiat nihil aperiam cumque eum soluta? Corporis modi fugiat maxime numquam reiciendis sapiente tenetur aperiam esse ea voluptatibus autem obcaecati perferendis voluptatum minus ullam cupiditate accusantium optio. Ipsa velit voluptatum facilis quasi officia accusantium numquam debitis cumque similique delectus eum blanditiis repellendus voluptas optio laudantium exercitationem earum possimus impedit mollitia quod consequatur quam enim vitae natus maiores deleniti nihil beatae. Recusandae cumque eligendi ut et vero beatae laborum dolores voluptatem enim explicabo perferendis quia commodi sit placeat laudantium tempore quisquam id inventore odit sint rerum labore dolor in! Optio maiores aspernatur excepturi voluptate magni cupiditate sed quibusdam fugiat veniam dolor velit ab reprehenderit alias natus nisi sequi soluta harum ut rerum eos iure possimus omnis atque fuga placeat reiciendis aperiam dolorum nihil eum esse ea similique quis repellat tenetur quas perspiciatis assumenda aliquid. Ratione maxime magnam itaque minima dicta perferendis nisi in reprehenderit laudantium quisquam quae cum optio. Provident vero soluta tenetur nostrum sequi iste sapiente deleniti nulla quas ducimus esse qui laborum nesciunt. Labore rem unde voluptatibus veniam ipsa sequi quia illum officia voluptates minus deleniti assumenda alias nulla aliquid architecto ducimus possimus earum neque aliquam saepe ad impedit praesentium est itaque obcaecati quasi quidem in debitis quo quam id beatae minima porro placeat non totam et aspernatur tenetur dolorem cupiditate eveniet iusto. Atque incidunt repellat optio praesentium obcaecati quo minus reprehenderit delectus voluptate explicabo aperiam accusantium perspiciatis consequatur et maiores saepe tempore aspernatur illo quam numquam. Dolorum eos accusantium unde voluptates quo eum et aspernatur impedit repellendus ipsa dolor minima eaque nemo laudantium debitis blanditiis odit nobis in cupiditate voluptatem porro pariatur magnam iure eligendi illo recusandae quisquam nisi voluptatum mollitia autem corrupti totam consectetur rem. Temporibus veniam iusto rem sed quae nostrum fuga blanditiis fugit dignissimos ullam aperiam corrupti enim ipsum modi quis soluta eveniet reiciendis ad quam explicabo possimus consectetur assumenda doloribus quia reprehenderit ea rerum expedita necessitatibus laborum nihil distinctio voluptatem dolorum nulla quaerat aspernatur saepe alias! Iure excepturi impedit eius similique sed iusto consequatur obcaecati suscipit quod? Similique tenetur incidunt repudiandae eius commodi quae molestiae ipsam dolorem rem eligendi esse ea veniam doloribus excepturi tempora et officia. Facere quibusdam placeat ut quis perferendis inventore maxime nulla nihil sapiente magnam eos sed doloremque quam natus repudiandae praesentium reprehenderit neque laborum modi vitae voluptatibus temporibus maiores omnis ab alias consequuntur est in ipsam non consequatur? Est ipsam alias aliquam voluptas recusandae possimus a laudantium sint provident corporis facere eius libero. Accusamus iure atque minus laborum perspiciatis enim labore consequatur modi quia eaque blanditiis provident est quis reprehenderit fuga debitis dolorum officia. Odio enim error eaque earum voluptatum ratione dolores doloribus numquam ea! Repellat deserunt eius excepturi sapiente quaerat ut molestiae dolores velit commodi quo quam repellendus laborum necessitatibus animi minima voluptatum similique blanditiis perferendis aliquam corporis aperiam hic maxime aspernatur!
        </div>
        <div class="swiper-slide">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem doloribus quaerat minus facere aut vel fugit saepe vero voluptatum voluptatem alias nobis doloremque eum praesentium temporibus error pariatur dolore molestias itaque corporis voluptatibus atque perferendis dolorum eius quam nostrum sint quis! Cum rem hic eos laboriosam ipsam illum nam porro. Inventore autem facere vel aut facilis cupiditate tempore neque omnis architecto et. Facere quis sequi accusantium natus quibusdam quaerat quos aut. Repudiandae ullam sunt asperiores in nulla corporis amet itaque delectus sequi necessitatibus perferendis voluptatibus et quidem? Perspiciatis assumenda quia numquam fugit sint vero eum nihil autem recusandae minima et laborum. Voluptatum possimus molestiae dolorem ducimus reprehenderit repellendus quisquam error harum corporis! Voluptatum eligendi laudantium odit iure magni vitae sint ducimus fugit ad deserunt tenetur accusantium libero commodi nihil soluta nisi quam perferendis illo autem nam amet quas doloremque omnis voluptates praesentium blanditiis pariatur quidem dolore vel delectus impedit illum qui maxime. Totam magni quaerat distinctio iure corporis ratione dolorem repellat ab consequuntur ipsa ex quidem aut nobis esse molestias tempore autem aliquid maiores enim inventore assumenda ipsum officiis quisquam id cum veniam minus nihil at ea obcaecati! Blanditiis explicabo temporibus in minus eligendi! Accusantium velit laboriosam qui dolores voluptas ipsum maiores minus autem quisquam natus ipsam veritatis harum libero vitae laborum. Perferendis officia quod nostrum repudiandae tenetur dolorem quaerat quasi quam quo doloremque accusantium delectus consectetur cupiditate nihil animi officiis nobis dolore perspiciatis quae cum temporibus architecto ea repellendus alias sit natus magni libero voluptatum maiores a eum maxime aliquid ab consequuntur fuga illum minima laborum reiciendis voluptate accusamus. Laborum modi quos voluptatibus culpa voluptatum rem similique alias cupiditate asperiores iusto dolorem possimus ab veritatis perferendis aspernatur eligendi perspiciatis in consequatur facilis est molestiae blanditiis odit quae velit odio accusantium voluptates? Maiores nostrum pariatur est quos magnam excepturi modi ullam eos aliquid nisi quis similique in maxime odit alias debitis sed eius ex quam fuga doloribus cupiditate eligendi qui illo quaerat quas incidunt? Harum facilis nostrum illum officia sit voluptatem ad rerum optio repudiandae aliquid amet incidunt atque ratione aperiam necessitatibus a quaerat mollitia quisquam reiciendis voluptas eius et maxime illo aspernatur ex at nam consequuntur! Repudiandae fuga alias dicta iure voluptatem. Maiores eos saepe ad necessitatibus beatae vitae itaque. Accusantium fuga temporibus perferendis saepe numquam doloremque eveniet facilis inventore eum nam adipisci sint dolorem ullam provident corporis molestias deserunt. Asperiores quisquam id adipisci quasi commodi reprehenderit architecto nihil vel eveniet inventore molestiae recusandae fugiat debitis placeat voluptate tempore mollitia labore illo eligendi distinctio facilis autem pariatur praesentium. Aspernatur iusto itaque omnis quod perferendis sapiente maxime consectetur qui placeat minus numquam ullam molestiae error adipisci mollitia maiores dolorem dolores excepturi. Deleniti ipsum minima libero harum corporis doloremque repudiandae dolore quis atque inventore in minus dignissimos cum velit quia error a voluptas accusantium aliquam odio illum perspiciatis eos beatae neque illo enim possimus. Porro minus sed sit incidunt odio similique eum. Voluptatibus vero eaque obcaecati earum quisquam odio quo id. Voluptas neque cupiditate molestias modi praesentium ullam nesciunt in libero?
        </div>
        <div class="swiper-slide">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur inventore facere amet vitae soluta cupiditate ullam ab blanditiis iusto odit. Velit fuga cum quam vel molestias minus ut repellat officiis hic quo magni quasi eligendi consequuntur recusandae magnam ad voluptatum sunt perspiciatis officia in nihil fugiat repudiandae ullam a corrupti sed voluptatem error distinctio sequi quisquam delectus impedit soluta ipsum natus suscipit ex placeat autem dolorum illo eaque veritatis explicabo quidem totam aperiam ducimus tempore cupiditate unde mollitia quos corporis. Earum ipsa consectetur sapiente autem cum delectus ipsam omnis magnam repudiandae ea modi officiis architecto quos repellendus aspernatur nobis similique. Facilis ut voluptatum voluptatibus quod dolorem illo et aperiam molestiae adipisci ab minima quas nam iure vel nemo porro eos? Ut molestiae rerum perferendis recusandae odio aut laborum eaque corporis voluptatum totam quisquam vero debitis atque consectetur voluptate velit nostrum suscipit assumenda eveniet dolorem iusto quaerat tenetur deserunt quae nesciunt distinctio sequi fugiat. Aliquid ratione suscipit quis fugiat porro ab voluptatibus dicta adipisci cupiditate commodi architecto earum sapiente in vel debitis tempora veniam expedita vitae reprehenderit animi neque autem voluptates quibusdam dolorum sunt sed excepturi nulla natus magni eius. Sunt impedit quae officiis cum mollitia obcaecati accusantium modi asperiores! Alias ex ipsam cumque accusamus quo nostrum mollitia debitis similique inventore reiciendis nulla tenetur dolor beatae consequuntur velit error magni laborum quas eum eaque! Repudiandae totam numquam unde soluta eos excepturi recusandae tempore illo atque officia vitae ipsum eum itaque libero magnam nemo sed exercitationem quisquam velit pariatur consectetur natus nostrum distinctio praesentium nobis delectus architecto quia reprehenderit voluptatibus quo. Debitis eaque error molestiae deserunt consequuntur ratione asperiores sed suscipit placeat adipisci sint distinctio dolores aspernatur odit ipsam quod amet voluptatem velit explicabo quisquam blanditiis maxime impedit atque dicta a hic laboriosam vel aliquam quis vitae perspiciatis harum dignissimos nemo rerum at quidem officiis corporis ad incidunt omnis repellat ab eius temporibus optio iste cum praesentium est saepe fugiat maiores! Quam minima vero minus perspiciatis sint voluptatem reprehenderit. Excepturi distinctio quas officia tempora magnam ducimus qui animi dolorum? Et officiis autem tempora debitis voluptatum obcaecati eius unde esse dignissimos aliquam illo atque labore culpa. Culpa commodi eaque vitae tempora natus est itaque sunt officia omnis assumenda voluptatem dolorem quidem esse! Exercitationem excepturi ad in dignissimos dolorem quidem nesciunt aliquid labore dolor id voluptatum eveniet soluta mollitia quisquam qui repellendus saepe libero debitis ullam nihil atque quam eligendi veniam doloremque repudiandae! Dolorem sequi delectus voluptas obcaecati mollitia exercitationem numquam vero sapiente voluptatum nobis esse natus reprehenderit at quaerat doloremque molestias commodi dolore qui cum aliquam. Provident natus ad repellendus amet quibusdam explicabo ipsam sapiente reprehenderit nesciunt fugiat maiores libero distinctio earum voluptates debitis tempora vero corporis numquam aliquid vitae ut incidunt quos odit consectetur quo adipisci cumque eveniet molestiae qui porro non quod cum error? Vel perferendis ut veniam rerum temporibus quisquam nihil consequatur odit magni dolorum ratione accusamus earum quia! Ullam fugiat ex tenetur sequi ad accusantium nam beatae labore in fugit blanditiis modi dolorem nobis veritatis error cumque dolor ipsum.
        </div>
        <div class="swiper-slide">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam vero enim expedita autem deserunt quas odit sunt neque suscipit ipsum temporibus aspernatur molestiae minima maxime nam aperiam et voluptatum soluta sed esse officia quo quia nulla omnis ad tempora error. Nobis porro doloremque voluptatibus repudiandae tempore mollitia sed et in nostrum adipisci optio enim quas. Quas tenetur in vero repellendus inventore ipsam cumque itaque labore laboriosam libero sunt enim sequi provident numquam minima neque eveniet cupiditate magnam non nemo rem expedita et quasi iste fuga unde molestias excepturi soluta nisi vel consectetur delectus consequatur est. Quisquam sint ipsa inventore magnam dolores in eaque nulla alias cum quas incidunt vel a sit quidem minus pariatur asperiores distinctio minima quam veritatis cupiditate illum similique eveniet velit accusamus ratione adipisci vero quasi et aperiam praesentium nihil amet corrupti neque dolore facilis nemo ipsam! Modi id odit recusandae similique iusto officia suscipit at explicabo reprehenderit repudiandae maxime veniam quisquam natus delectus amet voluptatibus temporibus quis vitae harum eos. Vero reiciendis nobis facere voluptatem quisquam deserunt beatae accusamus laborum illo blanditiis maiores rem voluptatibus cupiditate eos odio odit esse suscipit iure aliquam dignissimos sint nihil cumque dolorum impedit possimus ipsa sapiente numquam recusandae quae. Tempore quibusdam vero qui sed placeat natus nobis ex neque modi totam sit esse corporis quia officiis nulla similique voluptas aperiam quaerat magnam ad. Dignissimos voluptates inventore quia laboriosam. Blanditiis illo dolorum libero porro veniam maxime excepturi delectus pariatur doloremque unde. Quasi reprehenderit eligendi ut nobis soluta possimus enim! Esse magnam doloribus minus et repellendus eligendi eum enim odio mollitia rem porro rerum in dicta tempore ipsa quae aperiam deserunt quaerat ex deleniti voluptas consectetur ab tenetur culpa nostrum eaque alias vitae quibusdam commodi impedit neque exercitationem natus inventore laborum dolorem hic eos beatae voluptatum atque quis aspernatur temporibus. Veniam incidunt rerum voluptates laborum nobis maxime quisquam ad sed minima a ratione repellendus est quibusdam rem nisi aliquam velit saepe cupiditate recusandae error vitae fuga nam esse illo nostrum tenetur fugit sapiente. Accusantium assumenda quia ad soluta deleniti sed dolores reiciendis explicabo iste aperiam saepe eum architecto quo ratione atque id obcaecati ipsam voluptas molestias aut natus fugit consectetur quas? Nisi eveniet cumque quidem non esse vel consequatur deleniti atque fugiat ducimus repudiandae ex aliquam repellat earum dolore facere ipsam nostrum et veniam iste nobis inventore placeat ipsa voluptate numquam sit deserunt impedit id beatae culpa officiis quam natus libero ipsum pariatur mollitia reiciendis! Ea nesciunt nisi dolor officiis minima eligendi ratione corporis perspiciatis ut vero! Porro magnam fugit aliquid voluptatibus architecto rem voluptatem dicta molestias eum esse quis libero nulla quae corrupti vero dolorem voluptate earum. Possimus fuga dolores fugiat autem iure maiores eligendi dicta molestias pariatur perspiciatis dolorum a laudantium natus necessitatibus nostrum? Repellendus architecto corrupti nisi optio dicta quas harum vitae sapiente consequuntur alias omnis temporibus perferendis exercitationem nesciunt magnam ex et hic eaque consequatur ab natus ipsa expedita dolore minima deserunt odit corporis laboriosam non voluptatem rerum suscipit ut obcaecati rem aut ratione excepturi aliquid facilis veniam.
        </div>
      </div>
      <div class="swiper-scrollbar"></div>
    </div>

注意这个‘.swiper-scrollbar'不要漏了,他是滚动条。

另外这个文本内容是随机英文,快捷方式是lorem+数字,按tab健。

3、css部分:

html,
body {
  position: relative;
  height: 100%;
}
body {
  background: #fff;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #000;
  margin: 0;
  padding: 0;
}
.swiper-container {
  width: 100%;
  height: 100%;
  cursor: default;
}
.swiper-slide {
  font-size: 20px;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  line-height: 2;
  text-indent: 2em;
}

4、js部分:

var swiper = new Swiper('.swiper-container', {
  direction: 'vertical',
  slidesPerView: 'auto',
  freeMode: true,
  freeModeMomentumRatio : 0.2,
  scrollbar: {
    el: '.swiper-scrollbar',
  },
  mousewheel: true,
});

swiper的自由模式,允许滑动组件不必贴合边缘,freeModeMomentumRatio是移动惯量,单位为s,值越大,松开后滑动越久,设置false可关闭。

感兴趣的朋友还可以使用本站如下在线工具测试运行效果:

在线HTML/CSS/JavaScript前端代码调试运行工具:
http://tools.jb51.net/code/WebCodeRun

在线HTML/CSS/JavaScript代码运行工具:
http://tools.jb51.net/code/HtmlJsRun

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript文件与目录操作技巧汇总》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:


  • 本文相关:
  • swiper在angularjs中使用循环轮播失效的解决方法
  • 解决angular.js中使用swiper插件不能滑动的问题
  • js中利用swiper实现3d翻转幻灯片实例代码
  • js中swiper的使用和轮播图效果
  • 移动端触屏幻灯片图片切换插件idangerous swiper.js
  • 非常优秀的js图片轮播插件swiper的用法
  • js插件实现图片滑动验证码
  • jquery使用unlock.js插件实现滑动解锁
  • 内容滑动切换效果jquery.hwslide.js插件封装
  • javascript 通用loading动画效果实例代码
  • 自适应布局meta标签中viewport、content、width、initial-scale、
  • js仿小米手机上下滑动效果
  • php上传图片并给图片打上透明水印的代码
  • js 手机号码合法性验证代码集合
  • js带缩略图的图片轮播效果代码分享
  • js操作checkbox遇到的问题解决
  • js添加或修改控件的样式(class)实现方法
  • 原生js和jquery随意改变div属性style的名称和值
  • js获取iframe中的window对象的实现方法
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved