一些常见的css,javascript(jquery),html5 组件
主要来自于https://www.cssscript.com/
icon: http://www.fontisto.com/icons
图片放大缩小: https://www.cssscript.com/vanilla-js-library-for-image-zoom-and-pan/
浏览多张图片,像图片浏览器: https://www.cssscript.com/demo/easy-gallery-lightbox-pure-javascript-purejslightbox/
垂直全屏轮播图片:https://www.cssscript.com/vertical-full-screen-page-slider-javascript/
点击按钮打开侧边导航栏: https://www.cssscript.com/elegant-off-canvas-navigation-vanilla-javascript-canvi-js/
点击按钮全屏导航栏:https://www.cssscript.com/basic-fullscreen-navigation-pure-javascript/#optionB
图片零碎摆放: https://www.cssscript.com/interactive-hover-effect-javascript-followcursor/
导航栏:侧边 https://www.cssscript.com/accessible-expanding-navigation-with-javascript-and-css3/#
列表页,点击+-下拉 收起,类似 手风琴的效果。思路乐购我的订单列表:https://www.cssscript.com/smooth-accordion-plugin-pure-javascript-badger-accordion/
浏览多张图片,像图片浏览器(相当棒的组件): https://www.cssscript.com/lightbox-slider-vanilla-javascript/
上传图片,点击图片后 ,立即显示图片: https://www.cssscript.com/file-uploader-preview-file-upload-preview-js/
demo1: 能够弹出 modal 。
CSS Only Responsive Modal Window – Light Modal
https://www.cssscript.com/simple-responsive-modal-window-pure-javascript/
滑动的导航栏: https://www.jqueryscript.net/menu/Sticky-One-Page-Scroll-Navigation-jQuery-CSS3.html