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

搜索资源列表

  1. 一个很好看又简单的轮播图Demo

  2. 一个用html+css+js实现的一个简单却有美观的轮播图demo

  3. 所属分类：Web开发

    • 发布日期：2018-09-19
    • 文件大小：188416
    • 提供者：public_pig

  1. 《js原生代码实现简单的轮播图实例教程》源码

  2. 本文件属于文章《js原生代码实现简单的轮播图实例教程》的完整代码，在读完原创文章之后可以下载查看代码。代码中有详细的注释说明。html、css、js代码都在同一个文件中。也可以供有需要的朋友在开发中直接使用。

  3. 所属分类：Web开发

    • 发布日期：2020-04-09
    • 文件大小：505856
    • 提供者：gegestst112

  1. 原生js轮播.zip

  2. 使用javascr ipt利用定时器，以及函数封装原理，实现网站轮播图效果。简单的原生js实现轮播图效果，使用时请自行将代码分离

  3. 所属分类：其它

    • 发布日期：2020-06-03
    • 文件大小：282624
    • 提供者：weixin_45176257

  1. 简单的JS轮播图代码

  2. 主要介绍了简单的JS轮播图实现方法，代码简单易懂，非常不错，具有参考借鉴价值,需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-10-21
    • 文件大小：91136
    • 提供者：weixin_38698943

  1. 通过BootStrap实现轮播图的实际应用

  2. js我们没有学过，今天我是用bootstrap实现轮播图的效果，非常不错代码简单易懂，需要的朋友参考下吧

  3. 所属分类：其它

    • 发布日期：2020-10-21
    • 文件大小：43008
    • 提供者：weixin_38690522

  1. 基于JS实现仿百度百家主页的轮播图效果

  2. 本文给大家分享基于html和js实现的仿百度百家主页的轮播图效果，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下

  3. 所属分类：其它

    • 发布日期：2020-10-20
    • 文件大小：58368
    • 提供者：weixin_38737630

  1. JS轮播图实现简单代码

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

  3. 所属分类：其它

    • 发布日期：2020-10-19
    • 文件大小：45056
    • 提供者：weixin_38650066

  1. vue.js实现简单轮播图效果

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

  3. 所属分类：其它

    • 发布日期：2020-10-19
    • 文件大小：48128
    • 提供者：weixin_38613173

  1. JS使用tween.js动画库实现轮播图并且有切换功能

  2. 本文通过实例代码给大家介绍了JS使用tween.js动画库实现轮播图并且有切换功能，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧

  3. 所属分类：其它

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

  1. 原生JS实现手动轮播图效果实例代码

  2. 手动轮播图，为轮播图中的一种，轮播图主要有无缝轮播，手动轮播，延迟轮播，切换轮播等等。。。 轮播图主要用于展现图片，新出商品，词条，又能美观网页。給网页中增加动态效果。 手动轮播，是小编认为最简单的一种轮播方式，既能左右翻页，还能通过悬浮按钮，快速预览图片，所以今天就给大家写一个原生js手动轮播图。 一，利用Javascr ipt制作手动轮播图，首先排版。 引入默认样式表（可以手写）； <link rel="stylesheet" href="css/Default style shee

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：98304
    • 提供者：weixin_38687218

  1. 使用React实现轮播效果组件示例代码

  2. 前言 我发现React和AngularJS思想完全不同，AngularJS是基于双向绑定，在Modal层中定制数据，然后双向改变。但是React是通过prop和state来改变view层的状态。下面是我写的一个轮播图组件，可以直接看一下。代码很简单。原理就是通过React在componentDidMount后改变setState，来动态改变css样式。 说明以下：看gif很卡，但是实际效果还是很好的。 以下是示例代码 LunBo.js require('styles/App.css');

  3. 所属分类：其它

    • 发布日期：2020-11-22
    • 文件大小：119808
    • 提供者：weixin_38711041

  1. jQuery实现图片轮播特效代码分享

  2. 本文实例讲述了jQuery超精致图片轮播幻灯片特效。分享给大家供大家参考。具体如下： jquery图片轮播插件PgwSlider是一款非常简单的jquery插件，它可以帮你快速创建一个垂直轮播图。 运行效果图：  小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。 （1）在head区域引入CSS样式： （2）js代码： [removed][removed] [removed]</

  3. 所属分类：其它

    • 发布日期：2020-11-22
    • 文件大小：538624
    • 提供者：weixin_38604951

  1. 原生js实现移动端触摸轮播的示例代码

  2. PC端上实现图片轮播效果很简单，只要通过使用click事件就可以非常简单的实现效果，但是在移动端上，就要通过核心的touch事件来实现。 下面是移动端手指滑动轮播图的完整代码。 *{margin:0;padding:0;}

  3. 所属分类：其它

    • 发布日期：2020-11-28
    • 文件大小：34816
    • 提供者：weixin_38684633

  1. 简单的JS轮播图代码

  2. 在团队带人，突然被人问到轮播图如何实现，进入前端领域有一年多了，但很久没自己写过，一直是用大牛写的插件，今天就写个简单的适合入门者学习的小教程。当然，轮播图的实现原理与设计模式有很多种，我这里讲的是用面向过程函数式编程去实现，相对于面向对象设计模式，代码难免会显得臃肿冗余。但没有面向对象的抽象却很适合新手理解与学习。已经在BAT的同学看到希望少喷点。另外可以多提意见。 轮播图的原理： 一系列的大小相等的图片平铺，利用CSS布局只显示一张图片，其余隐藏。通过计算偏移量利用定时器实现自动播放，或

  3. 所属分类：其它

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

  1. JS原生轮播图的简单实现(推荐)

  2. 哈喽！我的朋友们，最近有一个新项目。所以一直没更新！有没有想我啊！！ 今天咱们来说一下JS原生轮播图！ 话不多说： 直接来代码吧：下面是CSS部分： *{ padding: 0px; margin: 0px; } img{ width: 500px; height: 300px; } li{ float: left; } ul{ width: 2000px; list-style: none;

  3. 所属分类：其它

    • 发布日期：2020-12-07
    • 文件大小：36864
    • 提供者：weixin_38662367

  1. 原生js实现3D轮播图

  2. 3D轮播图是我做过复杂的图片轮播了，由于是利用坐标，层级之间的关系，所以实现起来原理比较简单但是bug巨多，在推推拖拖了好久后，下定决心重新整理成博客，与大家分享！ 首先分析一下3D图片轮播的功能需求： 和其它图片轮播大体一致，无非就是点击按钮向左、右翻页，点击下方提示位置小点切换到小点表示对的位置页（我是真的不知道那个小点叫什么名字，大家将就着听吧） 上代码： 基本代码： <meta name="viewport" content="width=device-w

  3. 所属分类：其它

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

  1. js实现轮播图

  2. 效果图 今天讲下如何利用js做个点击操作的轮播图，效果图如下，因为无法传视频，只能截图了，代码在下面讲解，需要可以自己打出来运行。 HTML和CSS 首先第一步先写好HTML和需要的CSS样式， html和css相对比较简单，上述代码就是先给个容器，用来做定位，在给图片一个容器用来存放图片，同时加个列表做点击的小圆点。然后给外围容器加一张图片的宽高，再加上相对定位 ，至于margin的设置只是为了使其距离浏览器边缘一段距离，可以不要。 然后给包裹图片的容器加上所有图片总共宽度和绝对定位，使

  3. 所属分类：其它

    • 发布日期：2021-01-08
    • 文件大小：224256
    • 提供者：weixin_38520437

  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. JS轮播图实现简单代码

  2. 本文实例为大家分享了js轮播图实现代码，供大家参考，具体内容如下 思路： 1、首先要有个盛放图片的容器，设置为单幅图片的宽高，且overflow：hidden，这样保证每次可以只显示一个图片 2、Container内有个放图片的list进行position的定位 ，其中的图片采用float的方式，同时当图片进行轮播时，改变list的Left值使得其显示的图片发生变化。 3、图片的轮播使用定时器，通过定时器改变list的Left值是的图片循环展示 4、当鼠标滑动到图片上时，清除定时器，图片停

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：39936
    • 提供者：weixin_38528680
« 12 3 »