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

搜索资源列表

  1. JS制作网页特效-学习笔记

  2. JS的实用教程，传智播客web培训学习笔记及相关代码。基于原生JS实现一些常用的网页特效以及JS的一些其他应用。包括：轮播图、匀速动画、缓动动画、浏览器可视区域操作、固定导航栏、楼层切换、鼠标跟随、放大镜效果、拖拽对话框、事件冒泡、正则表达式等等，并介绍了三大家族：scroll、client、offset

  3. 所属分类：Web开发

    • 发布日期：2018-07-12
    • 文件大小：1048576
    • 提供者：cindy647

  1. JS实现网页3D旋转轮播图的源代码

  2. 基于多属性缓动动画框架、数组API（push,pop,unshift,shift）所做的旋转轮播图，界面看上去更有三维效果。（因为更改了透明度和层级）点击左右箭头，实现图片轮换。

  3. 所属分类：Web开发

    • 发布日期：2018-07-12
    • 文件大小：766976
    • 提供者：cindy647

  1. js带导航菜单Banner焦点图轮播代码

  2. js带导航菜单Banner焦点图轮播代码，一款大气的原生js制作的购物商城广告焦点图切换特效，和分类导航结合布局。

  3. 所属分类：其它

    • 发布日期：2020-06-09
    • 文件大小：309248
    • 提供者：weixin_38697063

  1. 原生js实现轮播图特效

  2. 主要为大家详细介绍了原生js实现轮播图特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  3. 所属分类：其它

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

  1. 原生js实现图片轮播特效

  2. 主要介绍了原生js实现图片轮播特效，适合用于商品展示，实现最简单的广告轮播效果，感兴趣的小伙伴们可以参考一下

  3. 所属分类：其它

    • 发布日期：2020-10-23
    • 文件大小：53248
    • 提供者：weixin_38750829

  1. 原生js轮播特效

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

  3. 所属分类：其它

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

  1. 原生js实现移动开发轮播图、相册滑动特效

  2. 原生JS实现图片自动轮播缓冲切换特效，很实用流畅的图片轮播特效，在较现代的浏览器上展现的圆角效果，兼容差点的是直角效果，全部原生JS实现，还是很不错的值得大家学习并利用，推荐下载。

  3. 所属分类：其它

    • 发布日期：2020-10-24
    • 文件大小：36864
    • 提供者：weixin_38679839

  1. 原生js和jquery实现图片轮播特效

  2. 本文给大家分享的是使用原生JS和JQ两种方法分别实现相同的图片轮播特效，十分的实用，也非常方便大家对比学习原生js和jQuery，有需要的小伙伴可以参考下。

  3. 所属分类：其它

    • 发布日期：2020-10-24
    • 文件大小：99328
    • 提供者：weixin_38703794

  1. 原生js实现图片轮播特效

  2. 本文特意为原生js实现图片轮播特效代码做了下总结，分享给大家供大家参考，欢迎大家学习。 运行效果图： 具体代码： 最简单的轮播广告 body, div, ul, li { margin: 0; padding: 0; } ul { list-style-type: none

  3. 所属分类：其它

    • 发布日期：2020-11-23
    • 文件大小：76800
    • 提供者：weixin_38704386

  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. 轮播图也称为焦点图，是网页中比较常见的网页特效。 功能需求： ​ 1.鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。 ​ 2.点击右侧按钮一次，图片往左播放一张，以此类推，左侧按钮同理。 ​ 3.图片播放的同时，下面小圆圈模块跟随一起变化。 ​ 4.点击小圆圈，可以播放相应图片。 ​ 5.鼠标不经过轮播图，轮播图也会自动播放图片。 ​ 6.鼠标经过，轮播图模块， 自动播放停止。 此文章的代码为一个完整的轮播图的实现代码，复制即可运行 实现效果由于大小问题无法上传，可自行观看淘宝或京东首页轮

  3. 所属分类：其它

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

  1. 使用Vue制作图片轮播组件思路详解

  2. 之前一直都没有认真的写过一个组件。以前在写业务代码的过程中，都是用的别人封装好的组件，这次尝试着写了一个图片轮播组件，虽然比不上知名的轮播组件，但它的功能基本完整，而且在写这个组件的过程中，学的东西也很多，在这里也给大家分享出来，如有疏漏，欢迎指正！ 在制作这个组件之前，笔者google了不少关于轮播的文章，发现实现一个轮播的思路虽然各有不同，但是大的逻辑其实差不多，本文主要依据慕课网上焦点轮播图特效这节课，不过慕课网主要用原生JS写，而笔者则用Vue进行了重构，并且进行了一点修改。完成后的组件

  3. 所属分类：其它

    • 发布日期：2020-12-01
    • 文件大小：573440
    • 提供者：weixin_38562085

  1. js原生代码实现轮播图的实例讲解

  2. 轮播图是现在网站网页上最常见的效果之一，对于轮播图的功能，要求不同，效果也不同。我们见过很多通过不同的方式，实现这一效果，但是有很多比较麻烦，而且不容易理解，兼容性也不好。在这里分享一下，用js原生代码，实现轮播图的常见效果！思路比较清晰，而且可重复性高，也几乎包含了现在网页上轮播实现的所有效果！ 一、现在我们来看看它是什么样的效果，截一张图给大家看： 二、无论我们做什么特效，都要记住一个原则，先写静态的代码，再做动态的处理！ 我们的轮播静态效果用html和css来实现： 1、为了代码的规范性

  3. 所属分类：其它

    • 发布日期：2020-12-01
    • 文件大小：935936
    • 提供者：weixin_38681218

  1. 原生js实现旋转木马轮播图效果

  2. 话不多说，请看代码： 旋转木马特效 *{margin: 0;padding: 0;list-style:none;} #demo{width:1200px;margin:100px auto 0;} #innerht{width:1200px;height:500px;position:relative

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：35840
    • 提供者：weixin_38713586

  1. 原生js和jquery实现图片轮播特效

  2. （1）首先是页面的结构部分 对于我这种左右切换式 1.首先是个外围部分（其实也就是最外边的整体wrapper) 2.接着就是你设置图片轮播的地方（也就是一个banner吧） 3.然后是一个图片组（可以用新的div 也可以直接使用 ul–>li形式） 4.然后是图片两端的左箭头和右箭头 5.然后是一个透明背景层，放在图片底部 6.然后是一个图片描述info层，放在透明背景层的左下角（div 或 ul–>li) 7.然后是一个按钮层，用来定位图片组的index吧,放在透明背景层的右下角(

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：126976
    • 提供者：weixin_38602982

  1. 原生js图片轮播切换特效代码

  2. 原生js图片轮播切换代码是一款带标题和索引左右按钮控制图片滚动轮播效果。

  3. 所属分类：其它

    • 发布日期：2021-03-20
    • 文件大小：54272
    • 提供者：weixin_38726407

  1. 原生js轮播图自动切换特效代码

  2. 原生js轮播图自动切换代码是一款可以自动播放，支持左右切换，支持右下角点击切换，鼠标移动到上面去，自动停止播放，移除后自动开始轮播。

  3. 所属分类：其它

    • 发布日期：2021-03-20
    • 文件大小：269312
    • 提供者：weixin_38691006

  1. 原生JS层叠图片轮播展示特效代码

  2. 原生JS层叠图片轮播展示代码是一款适合展示的旋转木马图片代码。

  3. 所属分类：其它

    • 发布日期：2021-03-20
    • 文件大小：237568
    • 提供者：weixin_38692707

  1. 原生js轮播特效

  2. 作为一名前端工程师，手写轮播图应该是最基本掌握的技能，以下是我自己原生js写的轮播，欢迎指点批评： 首先css代码 a{text-decoration:none;color:#3DBBF5;} *{ margin: 0; padding: 0; } .wrapper{ width: 400px; height: 300px; margin: 100px auto; } #lunbo{ position: relat

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：47104
    • 提供者：weixin_38647567

  1. vue.js轮播图组件使用方法详解

  2. 之前用jQuery写过轮播组件，用的jquery动画实现的图片滑动效果。这个组件的滑动特效是原生js搭配vue的数据绑定实现的，不依赖其他库，虽然可以再vue.js中引入swiper,但是引入类库的最大的缺点就是冗余代码太多，所以还是自己写一个比较好，简单扼要。（ps:组件的宽高设置还有有点小bug，子组件中需要改为用js动态修改container的宽高，另外可能还有其他地方有不合理之处，欢迎各位批评指正） github地址：gitgithub.com:cainiao222/vueslider-

  3. 所属分类：其它

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