# Code-snippets-and-plugins-collected **Repository Path**: ChuanChuan3/Code-snippets-and-plugins-collected ## Basic Information - **Project Name**: Code-snippets-and-plugins-collected - **Description**: 实用的插件效果库 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2018-08-02 - **Last Updated**: 2024-08-13 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ### 实用的插件收集 --- ## 目录 --- - [触屏滚动](#触屏滚动) - [视差滚动插件](#视差滚动插件) - [日期选择器](#日期选择器) - [图片](#图片) - [布局](#布局) - [轮播图](#轮播图) - [弹出层](#弹出层) - [音频视频](#音频视频) - [图表](#图表) - [幻灯/切换](#幻灯/切换) - [动画](#动画) - [相册](#相册) - [取色插件](#取色插件) - [表单](#表单) - [存储](#存储) - [其他](#其他) - [综合](#综合) #### 触屏滚动 --- - [fullPage](http://alvarotrigo.com/fullPage/#firstPage) - [TouchSlide](http://www.superslide2.com/TouchSlide/index.html) - [swiper](http://www.swiper.com.cn/) - [owlgraphic](http://owlgraphic.com/owlcarousel/) - [superslide2](http://www.superslide2.com/) - [iSlider](http://be-fe.github.io/iSlider/) - [zepto.fullpage](https://github.com/yanhaijing/zepto.fullpage) #### 视差滚动插件 --- - [SUPERSCROLLORAMA](http://johnpolacek.github.io/superscrollorama/) - [johnpolacek/superscrollorama](https://github.com/johnpolacek/superscrollorama) - [jQuery全屏滚动插件fullPage.js](http://www.dowebok.com/77.html) - [a fullscreen background slideshow built using the jQuery library.--非常酷](http://www.buildinternet.com/project/supersized/) #### 日期选择器 --- - [jquery-frontier-calendar](https://code.google.com/archive/p/jquery-frontier-calendar/) - [bootstrap-datetimepicker](http://www.bootcss.com/p/bootstrap-datetimepicker/) - [pickadate](http://amsul.ca/pickadate.js/) - [jq-timeTo](http://lexxus.github.io/jq-timeTo/) - [glDatePicker](http://glad.github.io/glDatePicker/) - [calendarsPicker](http://keith-wood.name/calendarsPicker.html) - [淘宝双日历](http://bbs.blueidea.com/thread-3043966-1-1.html) - [原生js日历](http://bbs.blueidea.com/thread-3101895-1-1.html) #### 图片 --- - [baguetteBox.js](https://github.com/feimosi/baguetteBox.js) - 是一个简单易用的响应式图像灯箱效果脚本。[demo](https://feimosi.github.io/baguetteBox.js/) - [Lightgallery.js](https://github.com/sachinchoolur/lightgallery.js) - 是一个功能齐全的JavaScript图像灯箱插件。[demo](https://sachinchoolur.github.io/lightgallery.js/) - [viewerjs](https://github.com/fengyuanchen/viewerjs) - 是一个图像预览插件。[demo](https://fengyuanchen.github.io/viewerjs/) - [cropperjs](https://github.com/fengyuanchen/cropperjs) - 是一个图片编辑器插件。[demo](https://fengyuanchen.github.io/cropperjs/) - [photo-editor](https://github.com/fengyuanchen/photo-editor) - 是一个本地图片编辑器插件。[demo](https://fengyuanchen.github.io/photo-editor/) - [blazy.js](https://github.com/dinbror/blazy/) - 是一个懒惰加载插件。[demo](http://dinbror.dk/blazy/) #### 布局 --- - [SuperEmbed.js](https://github.com/corbindavenport/superembed.js) - 是一个Javascript库，可检测出网页上的内嵌视频并使他们能够变成响应式元素。[demo](https://jsfiddle.net/h6x04LuL/) - [ScrollReveal](https://github.com/jlmakes/scrollreveal) - ScrollReveal插件使用户能够无比轻松地创建桌面和移动浏览器的网页滚动动画。[demo](http://callmecavs.com/bricks.js/) - [Bricks.js](https://github.com/callmecavs/bricks.js) - 是一款超快的用于固定宽度元素的“砖石”布局生成器。[demo](http://callmecavs.com/bricks.js/) #### 轮播图 --- - [Swipe](https://github.com/thebird/Swipe) - 准确的触摸滑块。[demo](http://thebird.github.io/Swipe/) #### 弹出层 --- - [sweetalert](http://t4t5.github.io/sweetalert/) - [animatedModal](http://joaopereirawd.github.io/animatedModal.js/) - [layui](http://layer.layui.com/) - [rtDialog](http://aui.github.com/artDialog/) - [Popper.js](https://github.com/FezVrasta/popper.js) - 是一个轻量级的库用于管理工具提示和弹窗效果。[demo](https://popper.js.org/) - [SweetAlert2](https://github.com/limonte/sweetalert2) - 是一个颜值很高而且可以自定义的警告弹出窗口插件，可以代替Javascript的弹出窗口。[demo](https://limonte.github.io/sweetalert2/) - [artDialog](https://github.com/aui/artDialog) - 是一个经典、优雅的网页对话框控件。[demo](http://aui.github.io/artDialog/doc/index.html) - [layer](https://github.com/sentsin/layer) - 是一个web弹层组件。[demo](http://layer.layui.com) #### 音频视频 --- - [Loud Links](https://github.com/mahdif/loud-links) - 是一个轻量级的JavaScript库用于添加交互声音到您的站点。[demo](http://loudlinks.rocks/#examples) - [flv.js](https://github.com/Bilibili/flv.js) - B 站 HTML5 播放器内核开源。 #### 图表 --- - [echarts](http://echarts.baidu.com/) - [hcharts](http://www.hcharts.cn/) - [jscharts](http://www.jscharts.com/) - [chart](http://www.bootcss.com/p/chart.js/) - [taucharts](https://www.taucharts.com/) #### 幻灯/切换 --- - [qiqiboy/pageSwitch](https://github.com/qiqiboy/pageSwitch) - [nolimits4web/Swiper](https://github.com/nolimits4web/Swiper) - [H5fullscreenpage.js](http://lvming6816077.github.io/H5FullscreenPage/) #### 动画 --- - [rstacruz/jquery.transit](https://github.com/rstacruz/jquery.transit) - [visionmedia/move.js](https://github.com/visionmedia/move.js) - [daneden/animate.css](https://daneden.github.io/animate.css/) - [anime.js](https://github.com/juliangarnier/anime) - 是一个灵活轻便的JavaScript动画库。[demo](http://codepen.io/collection/XLebem/) - [three.js](https://github.com/mrdoob/three.js) - 是一个JS 3D库。[demo](https://threejs.org/) - [vivus](https://github.com/maxwellito/vivus) - JavaScript库，使SVG绘制动画。[demo](http://maxwellito.github.io/vivus/) #### 相册 --- - [支持各种手势操作的 dimsemenov/PhotoSwipe](https://github.com/dimsemenov/PhotoSwipe) #### 取色插件 --- - [类似 Photoshop 的界面取色插件](http://www.jq22.com/jquery-info367) - [jquery-color](https://github.com/jquery/jquery-color/) - [jQuery颜色选择插件 ](http://www.oschina.net/project/tag/287/color-picker) #### 表单 --- - [SMValidator](https://github.com/WLDragon/SMValidator) - [validator.js](https://github.com/jaywcjlove/validator.js) - 轻量级的JavaScript表单验证，字符串验证。[demo](http://jaywcjlove.github.io/validator.js) - [List.js](https://github.com/javve/list.js) - 是一个轻量级的为列表、表格或其他任何HTMLL标签增加了搜索，排序，过滤器和灵活性等元素。[demo](http://listjs.com/) - [Algolia Places](https://github.com/algolia/places/) - 是一个能让你在网页轻易实现搜索栏自动完成功能。[demo](https://community.algolia.com/places/) - [Cleave.js](https://github.com/nosir/cleave.js) - 是一个会在你输入时格式化你的``标签里面的内容。[demo](http://nosir.github.io/cleave.js/) - [validator.js](https://github.com/sofish/validator.js) - 是一个简单、轻量级，但功能强大的 Validator 组件。[demo](http://sofish.github.io/validator.js/) #### 存储 --- - [store.js](https://github.com/jaywcjlove/store.js) - 本地存储localstorage的封装，提供简单的API。[demo](http://jaywcjlove.github.io/store.js) - [cookie.js](https://github.com/jaywcjlove/cookie.js) - 对操作cookie的封装，提供简单的AIP 兼容IE6。[demo](http://jaywcjlove.github.io/cookie.js) #### 其他 --- - [hotkeys](https://github.com/jaywcjlove/hotkeys) - 是一个强健的 Javascript 库用于捕获键盘输入和输入的组合键。[demo](http://nickersoft.github.io/push.js/) - [clipboard.js](https://github.com/zenorocha/clipboard.js) - 现代复制到剪贴板。没有Flash，gzip压缩只有3KB 。[demo](https://clipboardjs.com/) - [translater.js](https://github.com/jaywcjlove/onlinenetwork) - 这是一个利用HTML注释的页面翻译解决方案。[demo](https://jaywcjlove.github.io/translater.js/) - [Push.js](https://github.com/jaywcjlove/translater.js) - 是一个跨浏览器的Javascript桌面通知插件。[demo](http://nickersoft.github.io/push.js/) - [onlinenetwork](https://github.com/jaywcjlove/onlinenetwork) - js判断是否断网了。 - [iNotify](https://github.com/jaywcjlove/iNotify) - 是一个实现浏览器的 title 闪烁、滚动、声音提示、chrome、等系统通知。[demo](http://jaywcjlove.github.io/iNotify) - [tesseract.js](https://github.com/naptha/tesseract.js) - 是一个文字识别转换，可以运行在浏览器和服务器NodeJS上。[demo](http://tesseract.projectnaptha.com/) - [懒加载](https://github.com/tuupola/jquery_lazyload) - [owlcarousel2--lazyLoad](https://owlcarousel2.github.io/OwlCarousel2/demos/lazyLoad.html) - [上拉加载更多](https://github.com/ximan/dropload) - [textarea自适应高度](https://github.com/phoetry/textareaAutoHeight) - [多行文本溢出clamp-js](http://joe.sh/clamp-js) - [多行文本溢出dotdotdot](http://dotdotdot.frebsite.nl/) - [Letter-by-Letter-JS](https://github.com/html5andblog/Letter-by-Letter-JS) - [html5shiv(低版本浏览器的HTML5支持)](https://github.com/aFarkas/html5shiv) - [jquery-placeholder](https://github.com/mathiasbynens/jquery-placeholder) - [Js复制](http://zeroclipboard.org/) - [respond.js](http://www.bootcdn.cn/respond.js/) - [jQuery-slimScroll](http://www.bootcdn.cn/jQuery-slimScroll/) - [Isotope分类过滤和排序插件](http://www.htmleaf.com/pins/isotope-doc/layout-modes.html) - [瀑布流布局库](http://masonry.desandro.com/) - [图片轮播图其 GitHub 地址 jssor/slider](http://www.jssor.com/) - [纯 CSS 的图片轮播图](http://cssslider.com/) - [jQuery头像裁剪插件](http://www.html5tricks.com/jquery-avatar-cut.html) #### 综合 --- - [找插件一步到位--浏览器扩展-快速查找](https://www.awesomes.cn/extension) - [plugins.jquery](http://plugins.jquery.com/) - [jqueryui-常用的插件网站](http://jqueryui.com/) - [开源中国jQuery插件库](http://www.oschina.net/project/tag/273/jquery) - [dowebok](http://www.dowebok.com/) - [KitJs](http://xueduany.github.io/KitJs/KitJs/index.html) - [Effeckt](http://h5bp.github.io/Effeckt.css/) - [在线代码片段](http://www.phpxs.com/code/javascript/) - [jQuery插件库-收集最全最新最好的jQuery插件](http://www.jq22.com/) - [提供了大量的jQuery插件](http://www.htmleaf.com/) - [基于jQuery的插件库](http://jquerywidget.com/) - [前端组件库大合集-必备收藏](http://www.xuanfengge.com/he-sets-the-front-end-component-library-the-essential-collection.html) - [这是一个强大的模块化前端框架](http://www.layui.com/) - [收藏html5资源教程最完整的html5学习网站](http://www.html5tricks.com/)