注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 微信小程序swiper(实现轮播图效果)

  2. 微信小程序swiper，滑块视图容器，使用这个视图实现轮播图的效果。

  3. 所属分类：其它

    • 发布日期：2017-12-14
    • 文件大小：6144
    • 提供者：afanbaby

  1. flex布局项目——携程在线首页（原生轮播图效果）.zip

  2. 携程在线首页。适合零基础入门的人使用的demo，对布局这块有不错的参考价值！采用的是flex布局使用了原生js实现的tab栏切换等。自己可以通过swiper插件或者TouchSlide插件以及bootstrap框架来替换！可以把这个demo进行更改。

  3. 所属分类：互联网

    • 发布日期：2020-04-16
    • 文件大小：413696
    • 提供者：weixin_42897762

  1. Swiper实现轮播图效果

  2. 主要为大家详细介绍了Swiper实现轮播图效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  3. 所属分类：其它

    • 发布日期：2020-08-30
    • 文件大小：31744
    • 提供者：weixin_38655810

  1. 微信小程序实现3D轮播图效果（非swiper组件）

  2. 主要为大家详细介绍了微信小程序实现3D轮播图效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  3. 所属分类：其它

    • 发布日期：2020-10-16
    • 文件大小：67584
    • 提供者：weixin_38506103

  1. vue使用swiper实现中间大两边小的轮播图效果

  2. 主要介绍了vue使用swiper实现中间大两边小的轮播图效果，本文分步骤通过实例代码讲解的非常详细,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-15
    • 文件大小：51200
    • 提供者：weixin_38584043

  1. 微信小程序实现Swiper轮播图效果

  2. 主要介绍了微信小程序实现Swiper轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  3. 所属分类：其它

    • 发布日期：2020-10-15
    • 文件大小：44032
    • 提供者：weixin_38654944

  1. 微信小程序使用swiper组件实现类3D轮播图

  2. 在写微信小程序时，有写到实现3D轮播图的效果，可以直接使用微信小程序中自带的组件swiper来实现。下面通过实例代码给大家介绍微信小程序轮播图的实现方法，感兴趣的朋友一起看看吧

  3. 所属分类：其它

    • 发布日期：2020-10-18
    • 文件大小：49152
    • 提供者：weixin_38582719

  1. 微信小程序实现的3d轮播图效果示例【基于swiper组件】

  2. 主要介绍了微信小程序实现的3d轮播图效果,结合实例形式分析了微信小程序基于swiper组件相关属性设置、事件响应操作技巧,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-17
    • 文件大小：44032
    • 提供者：weixin_38739919

  1. 微信小程序非swiper组件实现的自定义伪3D轮播图效果示例

  2. 主要介绍了微信小程序非swiper组件实现的自定义伪3D轮播图效果,涉及微信小程序事件响应及元素属性动态操作实现轮播图效果相关技巧与注意事项,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-17
    • 文件大小：47104
    • 提供者：weixin_38682254

  1. jquery写出PC端轮播图实例

  2. 最近其他项目不是很忙，被安排给公司的官网项目做一个新的页面（之前没接触公司官网项目），其中有一个用到轮播图的地方，最开始想直接用swiper.js插件实现就好了，可是发现官网项目里之前都没有引入过swiper.js，后来想了想，就不引入它了，免得又得增加依次一次网络请求，项目里既然已经用到了jQuery，那就索性用jQuery写一个轮播图吧。 现在把自己写的轮播图这块代码单独拿出来，做一个小demo写在这里记录一下（demo中轮播图的图片网上随意找的） 实现的效果： 1、自动轮播（轮播时间间隔在

  3. 所属分类：其它

    • 发布日期：2020-11-26
    • 文件大小：303104
    • 提供者：weixin_38733333

  1. 基于React Native 0.52实现轮播图效果

  2. 本文基于React Native 0.52 Demo上传到Git了，有需要可以看看，写了新内容会上传的（Git地址） 一、总览 轮播图几乎是必备的效果，这里选择 react-native-swiper 来实现，效果如下图： 二、实现轮播图效果 1、通过npm安装react-native-swiper npm install react-native-swiper --save 2、在recommend.js引入react-native-swiper import Swiper from '

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：53248
    • 提供者：weixin_38568031

  1. 微信小程序实现轮播图效果

  2. 微信小程序实现轮播图，和网站，APP的效果差不多，代码少，效率高。 先来看看效果图： 主要用swiper + swiper-item来实现 滑块视图容器 <!-- indicator-dots='true' 是否显示指示点 默认 false indicator-color:指示点颜色 indicator-active-color:选中的指示点颜色 autoplay：是否自动切换 默认：false interval:自动切换时间间隔 duration：滑动动画时长 ver

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：66560
    • 提供者：weixin_38619467

  1. 微信小程序实现3D轮播图效果（非swiper组件）

  2. 本文实例为大家分享了微信小程序实现3D轮播图效果的具体代码，供大家参考，具体内容如下 首先上一下效果图：  在做的时候首先想到的是用swiper组件但是发现swiper组件放进去图片的时候会没有3d的效果，原因是swiper组件自带的style属性限制了3d效果所需要的属性，所以单独写了一个组件。 index.html rotate.wxml <

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：95232
    • 提供者：weixin_38746701

  1. 微信小程序实现Swiper轮播图效果

  2. 本文实例为大家分享了微信小程序轮播图的具体代码，供大家参考，具体内容如下 1.逻辑层 mine.js // pages/mine/mine.js Page({ /** * 页面的初始数据 */ data: { /*轮播图 配置*/ imgUrls: [ 'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg', 'http://img06.tooopen.com/images/20160818/

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：121856
    • 提供者：weixin_38752897

  1. Swiper实现轮播图效果

  2. 本文实例为大家分享了Swiper实现轮播图效果的具体代码，供大家参考，具体内容如下 Swiper demo <!-- Link Swiper's CSS

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：25600
    • 提供者：weixin_38697659

  1. vue使用swiper实现中间大两边小的轮播图效果

  2. 项目中使用的vue，刚好有需求要实现轮播图，突出显示当前图片，两边展示其他图片；通过查各种资料，实现了，故在此记录下来 下面我们来看下实现步骤： 第一步：首先在项目index.html中引入swiper的css文件- swiper.min.css 第二部：写入dom结构

  3. 所属分类：其它

    • 发布日期：2020-12-30
    • 文件大小：49152
    • 提供者：weixin_38750721

  1. 超简单的微信小程序轮播图

  2. Tips：微信小程序可以在HbuilderX用HTML标签（如Ddiv、span等）写前端代码，也可以用微信小程序语法写（view、swiper标签），然后npm run dev编译后，在微信开发者工具里面导入该项目，就可以调试项目，查看效果。 效果图： 微信小程序实现轮播图，本例是在*.wpy页面开发（该页面的temlate内容对应小程序的wxml，style样式对应小程序的wxss，scr ipt对应小程序的js文件，config对应小程序的json文件） .swiper imag

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：55296
    • 提供者：weixin_38748263

  1. 超简单的微信小程序轮播图

  2. Tips：微信小程序可以在HbuilderX用HTML标签（如Ddiv、span等）写前端代码，也可以用微信小程序语法写（view、swiper标签），然后npm run dev编译后，在微信开发者工具里面导入该项目，就可以调试项目，查看效果。 效果图： 微信小程序实现轮播图，本例是在*.wpy页面开发（该页面的temlate内容对应小程序的wxml，style样式对应小程序的wxss，scr ipt对应小程序的js文件，config对应小程序的json文件） .swiper imag

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：55296
    • 提供者：weixin_38535848

  1. 微信小程序非swiper组件实现的自定义伪3D轮播图效果示例

  2. 本文实例讲述了微信小程序非swiper组件实现的自定义伪3D轮播图效果。分享给大家供大家参考，具体如下： 效果如下： 我用了很笨的方法实现的，大致就是： 1.当前点击的div（view）如果前后都有内容，那么，当前div（view）就设置到中间，前一个就设置到左边，前一个的前面所有全部设置到最左边，后面一个设置到右边，后面所有设置到最右边 2.当前点击的div（view）如果前面无内容，即第一个，那么，当前div（view）设置到中间，后面一个设置到右边，后面所有设置到最右边 3.当前点击的d

  3. 所属分类：其它

    • 发布日期：2021-01-03
    • 文件大小：81920
    • 提供者：weixin_38560107

  1. 微信小程序实现的3d轮播图效果示例【基于swiper组件】

  2. 本文实例讲述了微信小程序实现的3d轮播图效果。分享给大家供大家参考，具体如下： 前面写过一篇3d轮播，就是这篇，使用的方法比较笨拙，而且代码不简洁。这次发现swiper也能实现同样的效果。故记录一下。 先看看效果： wxml： <image class='le-img {{nowId

  3. 所属分类：其它

    • 发布日期：2021-01-20
    • 文件大小：68608
    • 提供者：weixin_38605801
« 12 »