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

搜索资源列表

  1. 图片轮播样式的电子杂志

  2. 可轮播带图文超级链接，带左右箭头的js轮播杂志效果，内容可点击连接到具体页面

  3. 所属分类：网页制作

    • 发布日期：2011-11-23
    • 文件大小：1048576
    • 提供者：aqiao1984

  1. JS+CSS+div内容图片轮播特效

  2. div +css 图片轮播特效，数字显示，自动轮播

  3. 所属分类：Web开发

    • 发布日期：2013-05-30
    • 文件大小：101376
    • 提供者：u010898631

  1. 左右按钮控制焦点图片淡出淡进轮播切换

  2. 这个版本是仿照百度首页的轮播来做的，直接复制代码。在js里面控制所有显示内容。值得拥有的特效！

  3. 所属分类：Web开发

    • 发布日期：2014-12-08
    • 文件大小：301056
    • 提供者：yu_729

  1. flexslider图片轮播、多图相册滑动(支持触屏版)

  2. 压缩包内三种样式，含图文的、多图自适应尺寸滑动的。flexslider图片轮播、多图相册滑动(支持触屏版)。更详细特效教程 http://www.sucaihuo.com/js，都是优质素材，最主要是既有教程，也有演示并且可下载哦，技术大咖也来切磋下吧^_^ Flexslider最受众多开发人员好评的优秀，具有以下优势： 支持触屏移动设备滑动。 支持滑动和淡入淡出效果。 支持水平、垂直方向滑动。 支持键盘方向键控制。 支持图文并茂滑动。 自适应屏幕大小。 易控制滑动单元个数。 选项设置和回调函

  3. 所属分类：Web开发

    • 发布日期：2015-04-10
    • 文件大小：973824
    • 提供者：hjl416148489

  1. 图片轮播带左右箭头和下标

  2. html + css + js 图片轮播带左右箭头，图片内容不会被修剪，会呈现在元素框之外,轮播图下面的横线按钮

  3. 所属分类：互联网

    • 发布日期：2020-05-13
    • 文件大小：720896
    • 提供者：simple789

  1. 纯CSS3炫酷轮播图特效.zip

  2. 这是一款使用纯CSS制作的炫酷轮播图特效。该轮播图特效使用纯CSS3制作，无js。带有前后导航按钮和分页导航按钮。轮播图的内容可以是图片或文字。 使用方法 在页面中引入csslider.default.css文件。

  3. 所属分类：其它

    • 发布日期：2019-07-03
    • 文件大小：470016
    • 提供者：weixin_39840588

  1. 原生JS实现无缝轮播图片

  2. 本文实例为大家分享了JS实现无缝轮播图的具体代码，供大家参考，具体内容如下 运动插件 function animove(obj,distance,speed,callback) { //调用的变量 目标距离 速度 回调函数 clearInterval(obj.timer); obj.timer = setInterval(function () { let step = (distance - obj.offsetLeft) / 10; step = step > 0 ? M

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：47104
    • 提供者：weixin_38650508

  1. JS轮播图的实现方法

  2. 本文实例为大家分享了JS轮播图的实现代码，供大家参考，具体内容如下 需求： 自动轮播，鼠标移入轮播停止、移出继续，小圆点点击切图，左右箭头切图 效果图： 思路 通过编写过渡动画实现轮播效果，图片的出现动画以及移出动画。显示区的图片移出，切换的图进入分别调用动画，程序关键点：哪张图应该进入，哪张图应该移出。 轮播分为三部分： 自动轮播，左右箭头翻图，底部小圆点点击翻图。 编写程序顺序： 1. 小圆点点击 为什么先做小圆点呢？做小圆点点击功能时，我们能够清晰的知道哪张图片应该切换过来，哪张图片应该

  3. 所属分类：其它

    • 发布日期：2020-11-19
    • 文件大小：90112
    • 提供者：weixin_38612139

  1. 非常酷炫的Bootstrap图片轮播动画

  2. 对于网站开发者来说，对展示内容增加一个滑动或者是轮播效果的是非常常见的需求。收费和免费的轮播插件多的是不胜枚举。其中很 多提供很多有用的配置选项和动态效果。 很多时候，如果你的项目需要的是一个轻量级的轮播，不需要很多的功能。同时你的项目是采用Bootstrap，（一个最流行的开源前端 框架）的话。你可以参考一下bootstrap官方组件。 这篇文章将展示如何在 Bootstrap轮播上添加有趣的动画效果。同时确保这个js组件自由扩展和快速上手。 介绍Animate.css 为了让我自己写的动画效

  3. 所属分类：其它

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

  1. js制作网站首页图片轮播特效代码

  2. 本文实例为大家分享了使用js制作一般网站首页图片轮播效果的具体代码，供大家参考，具体内容如下 图片轮播 .warp{ width: 600px; height: 750px; position: relative; margin:30px auto 0; overflow: hidden; } #box{ width: 600px; height: 750px;

  3. 所属分类：其它

    • 发布日期：2020-11-25
    • 文件大小：30720
    • 提供者：weixin_38663113

  1. js图片卷帘门导航菜单特效代码分享

  2. 本文实例讲述了jQuery超精致图片轮播幻灯片特效。分享给大家供大家参考。具体如下： 这是一款基于js实现图片卷帘门导航菜单特效代码，与以往的导航菜单相比，更具有创新性，不止是简单的向用户展示信息，而是更加丰富网站的整体内容。 运行效果图：——————-查看效果 下载源码——————- 小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。 在head区域引入CSS样式： 为大家分享的js图片卷帘门效果代码如下 <

  3. 所属分类：其它

    • 发布日期：2020-11-25
    • 文件大小：113664
    • 提供者：weixin_38706603

  1. 详解js图片轮播效果实现原理

  2. 本文实例讲述了js图片轮播效果实现原理，分享给大家供大家参考，具体内容如下 Insert title here </head&

  3. 所属分类：其它

    • 发布日期：2020-11-25
    • 文件大小：35840
    • 提供者：weixin_38555019

  1. JS实现横向轮播图（中级版）

  2. 本文实例为大家分享了JS实现横向轮播图的具体代码，供大家参考，具体内容如下 描述： 轮播图，中级，横向buton或者底部数字控制轮播，可以实现自动轮播（注释了，使用的话将其注释消掉），解决了初级版本的点1再点5时多张图片滑动的问题，核心只有两张图在切换，加入了图片加载。 效果： 代码： js文件： /* * 工厂模式 * */ var Method=(function () { return { loadImage:function (arr,callback) { var im

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：80896
    • 提供者：weixin_38696336

  1. js实现无缝轮播图特效

  2. 用原生js实现无缝轮播图，供大家参考，具体内容如下 index.js： var config = { imgWidth:380,//图片尺寸 dotWidth:8,//小圆点尺寸 doms:{ divImgs:document.querySelector('.imgs'), divDots:document.querySelector('.circle'), divDirection:document.querySelector('.direction'), divContain

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：41984
    • 提供者：weixin_38694566

  1. js实现无缝轮播图效果

  2. 本文实例为大家分享了js实现无缝轮播图的具体代码，供大家参考，具体内容如下 //Utils.js //封装 预加载图片 var Utils=(function () { return { //SSS loadImg:function (srcList,callBack) {//图片地址 回调函数 var img=new Image(); img.num=0;//初始化num为0 图片数 img.imgList=[];//存放图片

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：66560
    • 提供者：weixin_38657139

  1. Bootstrap实现基于carousel.js框架的轮播图效果

  2. 本文实例为大家分享了Bootstrap轮播图效果展示的具体代码，供大家参考，具体内容如下 声明式触发需要使用到的几个data-*属性 1.data-ride：作用在最外层容器上，固定值:carousel 2.data-target：作用在class=carousel-indicators的每个子元素li上面，标注对那个元素进行点击轮播 3.data-slide：作用在前翻页和后翻页的两个a链接上，prev表示前翻页，next表示后翻页 4.data-slide-to：作用在class=carou

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：39936
    • 提供者：weixin_38740328

  1. 原生JS实现旋转轮播图+文字内容切换效果【附源码】

  2. 废话不多说，直接上图看效果： 需求： 点击左右按钮实现切换用户图片与信息； 原理： 点击右侧左侧按钮，把3号的样式给2号，2号的给1号，1号的给5号，5号的给4号，4号的样式给3号，然后根据现在是第几张图片切换成对应的文字； 步骤： 1.让页面加载出所有盒子的样式； 2.把两侧按钮绑定事件(调用同一个方法，只有一个参数，true为正向旋转，false为反向旋转)； 3.书写函数： 操作函数：左按钮：删除第一个，添加到最后一个； 右按钮：删除最后一个，添加到第一个； 4.定义变量，根据对应变量切

  3. 所属分类：其它

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

  1. JS轮播图的实现方法2

  2. 本文实例为大家分享了JS轮播图的实现代码，供大家参考，具体内容如下 需求： 自动轮播，鼠标移入轮播停止、移出继续，小圆点点击切图，左右箭头切图 效果图： ![轮播图] 思路： 将所有需要轮播的图片横向排列，可视区大小设置为只能显示一张图片，给容器设置移出隐藏后，可视区之外的部分被隐藏，这样我们就只能看见一张图片。 轮播实现是改变整个图片画幅的left值或者margin-left 值，当点击时移动整个画幅单个图片的宽度即可实现滚动到下一张。 后面功能实现顺序依旧是写法一里的思路。 戳！写法一

  3. 所属分类：其它

    • 发布日期：2020-12-28
    • 文件大小：112640
    • 提供者：weixin_38617602

  1. JS实现普通轮播图特效

  2. 本文实例为大家分享了JS实现轮播图特效的具体代码，供大家参考，具体内容如下 知识点 轮播图思想： ① 建立一个全局变量索引，始终标记当前显示图片。 ② 根据当前图片的数量，动态创建下方的●图片指示器。 ③ 轮播图的初始状态为第一张图片在中间，剩余所有图片均放在即将显示图片位置。 ④ 当点击>的时候，当前图片调用动画移动函数进行左移，与此同时新的一张图片调用动画函数移入到div中，而会将下一张展示的图片移动到div右侧。 ⑤ 需要进行边界判断，如果当前的图片大于图片数量或者小于等于0，重新

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：154624
    • 提供者：weixin_38508497

  1. 原生js实现无缝轮播图

  2. 本文实例为大家分享了js实现无缝轮播图的具体代码，供大家参考，具体内容如下 先上效果图 原理图 如图可见，是页面按顺序依次显示5张图片，包裹这五张图片的外层的盒子，我们叫ul，通过向左或右移动不同距离，实现在视图中显示的不同的图片，实现轮播，而同时下面的分页小球需要根据当前显示的内容进行点亮； 而无缝轮播图需要在第五张图片后面再加上第一张图片，这样通过右侧箭头，向右切换，当页面切换到第六张时，也就是最后一张图片，此时需要将ul的位置设置为第一张图的位置，然后从第一张图片滑动到第二张，形成一个

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：84992
    • 提供者：weixin_38714532
« 12 3 4 5 »