点数信息
www.dssz.net
注册会员
|
设为首页
|
加入收藏夹
您好,欢迎光临本网站!
[请登录]
!
[注册会员]
!
首页
移动开发
云计算
大数据
数据库
游戏开发
人工智能
网络技术
区块链
操作系统
模糊查询
热门搜索:
源码
Android
整站
插件
识别
p2p
游戏
算法
更多...
在线客服QQ:632832888
当前位置:
资源下载
搜索资源 - 原生js实现轮播图特效
下载资源分类
移动开发
开发技术
课程资源
网络技术
操作系统
安全技术
数据库
行业
服务器应用
存储
信息化
考试认证
云计算
大数据
跨平台
音视频
游戏开发
人工智能
区块链
在结果中搜索
所属系统
Windows
Linux
FreeBSD
Unix
Dos
PalmOS
WinCE
SymbianOS
MacOS
Android
开发平台
Visual C
Visual.Net
Borland C
CBuilder
Dephi
gcc
VBA
LISP
IDL
VHDL
Matlab
MathCAD
Flash
Xcode
Android STU
LabVIEW
开发语言
C/C++
Pascal
ASM
Java
PHP
Basic/ASP
Perl
Python
VBScript
JavaScript
SQL
FoxBase
SHELL
E语言
OC/Swift
文件类型
源码
程序
CHM
PDF
PPT
WORD
Excel
Access
HTML
Text
资源分类
搜索资源列表
JS制作网页特效-学习笔记
JS的实用教程,传智播客web培训学习笔记及相关代码。基于原生JS实现一些常用的网页特效以及JS的一些其他应用。包括:轮播图、匀速动画、缓动动画、浏览器可视区域操作、固定导航栏、楼层切换、鼠标跟随、放大镜效果、拖拽对话框、事件冒泡、正则表达式等等,并介绍了三大家族:scroll、client、offset
所属分类:
Web开发
发布日期:2018-07-12
文件大小:1048576
提供者:
cindy647
JS实现网页3D旋转轮播图的源代码
基于多属性缓动动画框架、数组API(push,pop,unshift,shift)所做的旋转轮播图,界面看上去更有三维效果。(因为更改了透明度和层级)点击左右箭头,实现图片轮换。
所属分类:
Web开发
发布日期:2018-07-12
文件大小:766976
提供者:
cindy647
轮播图特效开发
、轮播图是现在网站网页上最常见的效果之一,对于轮播图的功能,要求不同,效果也不同! 我们见过很多通过不同的方式,实现这一效果,但是有很多比较麻烦,而且不容易理解,兼容性也不好。 在这里分享一下,用js原生代码,实现轮播图的常见效果!思路比较清晰,而且可重复性高,也几乎包含了现在网页上轮播实现的所有效果!
所属分类:
Javascript
发布日期:2019-03-10
文件大小:7168
提供者:
baidu_41899041
BroadCast3D原生JS实现好玩的3D轮播图旋转特效
BroadCast-3D 原生JS实现好玩的3D轮播图旋转特效
所属分类:
其它
发布日期:2019-08-10
文件大小:64512
提供者:
weixin_39841848
原生js实现轮播图特效
主要为大家详细介绍了原生js实现轮播图特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
所属分类:
其它
发布日期:2020-10-15
文件大小:56320
提供者:
weixin_38531017
原生js实现移动开发轮播图、相册滑动特效
原生JS实现图片自动轮播缓冲切换特效,很实用流畅的图片轮播特效,在较现代的浏览器上展现的圆角效果,兼容差点的是直角效果,全部原生JS实现,还是很不错的值得大家学习并利用,推荐下载。
所属分类:
其它
发布日期:2020-10-24
文件大小:36864
提供者:
weixin_38679839
js实现无缝轮播图特效
用原生js实现无缝轮播图,供大家参考,具体内容如下 index.js: var config = { imgWidth:380,//图片尺寸 dotWidth:8,//小圆点尺寸 doms:{ divImgs:document.querySelector('.imgs'), divDots:document.querySelector('.circle'), divDirection:document.querySelector('.direction'), divContain
所属分类:
其它
发布日期:2020-11-21
文件大小:41984
提供者:
weixin_38694566
原生js实现轮播图特效
轮播图也称为焦点图,是网页中比较常见的网页特效。 功能需求: 1.鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮。 2.点击右侧按钮一次,图片往左播放一张,以此类推,左侧按钮同理。 3.图片播放的同时,下面小圆圈模块跟随一起变化。 4.点击小圆圈,可以播放相应图片。 5.鼠标不经过轮播图,轮播图也会自动播放图片。 6.鼠标经过,轮播图模块, 自动播放停止。 此文章的代码为一个完整的轮播图的实现代码,复制即可运行 实现效果由于大小问题无法上传,可自行观看淘宝或京东首页轮
所属分类:
其它
发布日期:2020-11-21
文件大小:49152
提供者:
weixin_38703787
使用Vue制作图片轮播组件思路详解
之前一直都没有认真的写过一个组件。以前在写业务代码的过程中,都是用的别人封装好的组件,这次尝试着写了一个图片轮播组件,虽然比不上知名的轮播组件,但它的功能基本完整,而且在写这个组件的过程中,学的东西也很多,在这里也给大家分享出来,如有疏漏,欢迎指正! 在制作这个组件之前,笔者google了不少关于轮播的文章,发现实现一个轮播的思路虽然各有不同,但是大的逻辑其实差不多,本文主要依据慕课网上焦点轮播图特效这节课,不过慕课网主要用原生JS写,而笔者则用Vue进行了重构,并且进行了一点修改。完成后的组件
所属分类:
其它
发布日期:2020-12-01
文件大小:573440
提供者:
weixin_38562085
js原生代码实现轮播图的实例讲解
轮播图是现在网站网页上最常见的效果之一,对于轮播图的功能,要求不同,效果也不同。我们见过很多通过不同的方式,实现这一效果,但是有很多比较麻烦,而且不容易理解,兼容性也不好。在这里分享一下,用js原生代码,实现轮播图的常见效果!思路比较清晰,而且可重复性高,也几乎包含了现在网页上轮播实现的所有效果! 一、现在我们来看看它是什么样的效果,截一张图给大家看: 二、无论我们做什么特效,都要记住一个原则,先写静态的代码,再做动态的处理! 我们的轮播静态效果用html和css来实现: 1、为了代码的规范性
所属分类:
其它
发布日期:2020-12-01
文件大小:935936
提供者:
weixin_38681218
原生js实现旋转木马轮播图效果
话不多说,请看代码: 旋转木马特效 *{margin: 0;padding: 0;list-style:none;} #demo{width:1200px;margin:100px auto 0;} #innerht{width:1200px;height:500px;position:relative
所属分类:
其它
发布日期:2020-12-09
文件大小:35840
提供者:
weixin_38713586
vue.js轮播图组件使用方法详解
之前用jQuery写过轮播组件,用的jquery动画实现的图片滑动效果。这个组件的滑动特效是原生js搭配vue的数据绑定实现的,不依赖其他库,虽然可以再vue.js中引入swiper,但是引入类库的最大的缺点就是冗余代码太多,所以还是自己写一个比较好,简单扼要。(ps:组件的宽高设置还有有点小bug,子组件中需要改为用js动态修改container的宽高,另外可能还有其他地方有不合理之处,欢迎各位批评指正) github地址:gitgithub.com:cainiao222/vueslider-
所属分类:
其它
发布日期:2021-01-19
文件大小:39936
提供者:
weixin_38678510