1.jquery 全屏滚动插件 fullPage.js http://www.dowebok.com/demo/2014/77/ 2.页面常用轮播插件 2.http://www.superslide2.com/demo.html 3.常用弹框插件 ...
分类:
Web程序 时间:
2017-06-07 14:36:14
阅读次数:
150
文档说明地址:http://www.jq22.com/jquery-info385 原来的插件当只有一个图片的时候有BUG,修改好了,以下为源码 (function($) { $.fn.slideBox = function(options) { var defaults = { direction ...
分类:
Web程序 时间:
2017-05-23 17:48:22
阅读次数:
349
(function($) { $.extend($.fn, { slider: function(obj) { this.each(function() { var $self = $(this); var dom = { "wrap": $self.find(".slider-list"), "i... ...
分类:
移动开发 时间:
2017-05-11 11:33:10
阅读次数:
259
实现原理:隐藏所有要显示的元素,然后指定要显示的为block,宽、高自适应。 结构: 容器:最外层为一个div 使用data-ride="carousel" 来指定为轮播插件。并提供一个id,方便圆圈指示符的关联。 圆圈指示符:ol 列表 ,每个列表指定data-slide-to="0/1/2/3/ ...
分类:
其他好文 时间:
2017-04-18 11:20:40
阅读次数:
275
轮播效果在网页中用的很多,swiper是其中最有代表性的作品,它支持水平和竖直滑动,还有反弹效果,兼容移动端和pc端。当然代码量也是相当大的,单是js就有5300行(3.4.0的未缩版本),若不考虑代码利用率和加载速度直接就用了,在移动端比较慎重,比如京东(m.jd.com)的轮播就没有用它,而是自 ...
分类:
其他好文 时间:
2017-04-14 09:52:00
阅读次数:
220
主要原因:dom解析准备完成后,开始执行$(document).ready(); 而vue是在window.onload(页面加载完后才执行);所以会导致owlCarousel插件失效。 解决方案:数据渲染后,更新dom;再调用插件。(vue的 this.$nextTick可以更新dom) 1.引入 ...
分类:
其他好文 时间:
2017-04-08 22:20:29
阅读次数:
541
https://github.com/chrishumboldt/Flickerplate 官网 引入上面3个 hammer-v是响应式用到的支持触控 上面是设置背景图片的 , 官网只提供了... ...
分类:
Web程序 时间:
2017-03-22 15:03:58
阅读次数:
224
最近用vue2.0做项目,具体如下: 使用的插件: 下拉刷新插件: better-scroll 状态管理: vuex 路由管理: vue-router 轮播插件: swiper 接口交互: axios 300毫秒延迟 : fastclick package.json 如下 { "name": "vu ...
分类:
其他好文 时间:
2017-03-08 12:37:16
阅读次数:
263
用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果。本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件能够帮助到你。Nivo Slider首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的 jQu ...
分类:
编程语言 时间:
2017-01-10 09:04:53
阅读次数:
386