实例介绍
html + css制作的婚礼邀请函,部署到网站之后在手机端浏览
【实例截图】
【核心代码】
wedding_invite
└── wedding_invite
├── 1.html
├── Architecture.md
├── bower.json
├── CHANGELOG.md
├── component.json
├── composer.json
├── CONTRIBUTING.md
├── dist
│ ├── css
│ │ ├── swiper.css
│ │ └── swiper.min.css
│ └── js
│ ├── swiper.esm.bundle.js
│ ├── swiper.esm.js
│ ├── swiper.js
│ ├── swiper.min.js
│ └── swiper.min.js.map
├── gulpfile.js
├── img
│ ├── 10.png
│ ├── 11.png
│ ├── 12.png
│ ├── 13.png
│ ├── 14.png
│ ├── 15.png
│ ├── 16.png
│ ├── 17.png
│ ├── 18.png
│ ├── 1.png
│ ├── 2.jpg
│ ├── 2.png
│ ├── 3.png
│ ├── 4.png
│ ├── 5.jpg
│ ├── 5.png
│ ├── 6.png
│ ├── 7.png
│ ├── 8.png
│ ├── 9.png
│ ├── d.ico
│ └── xx.png
├── LICENSE
├── mp3
│ └── music.mp3
├── package.js
├── package.json
├── package-lock.json
├── playground
│ └── index.html
├── README.md
├── scripts
│ ├── banner.js
│ ├── build-config.js
│ ├── build-js.js
│ ├── build-less.js
│ ├── gulpfile.js
│ ├── init.js
│ ├── jquery-1.11.3.min.js
│ ├── myCSS.css
│ ├── mySwiper.js
│ ├── page1.js
│ ├── page2.js
│ ├── page3.js
│ ├── page4.js
│ ├── page5.js
│ ├── page6.js
│ ├── share.js
│ └── util.js
└── src
├── components
│ ├── a11y
│ │ ├── a11y.js
│ │ └── a11y.less
│ ├── autoplay
│ │ └── autoplay.js
│ ├── controller
│ │ ├── controller.js
│ │ └── controller.less
│ ├── core
│ │ ├── breakpoints
│ │ │ ├── getBreakpoint.js
│ │ │ ├── index.js
│ │ │ └── setBreakpoint.js
│ │ ├── check-overflow
│ │ │ └── index.js
│ │ ├── classes
│ │ │ ├── addClasses.js
│ │ │ ├── index.js
│ │ │ └── removeClasses.js
│ │ ├── core-class.js
│ │ ├── core.less
│ │ ├── defaults.js
│ │ ├── events
│ │ │ ├── index.js
│ │ │ ├── onClick.js
│ │ │ ├── onResize.js
│ │ │ ├── onTouchEnd.js
│ │ │ ├── onTouchMove.js
│ │ │ └── onTouchStart.js
│ │ ├── grab-cursor
│ │ │ ├── index.js
│ │ │ ├── setGrabCursor.js
│ │ │ └── unsetGrabCursor.js
│ │ ├── images
│ │ │ ├── index.js
│ │ │ ├── loadImage.js
│ │ │ └── preloadImages.js
│ │ ├── loop
│ │ │ ├── index.js
│ │ │ ├── loopCreate.js
│ │ │ ├── loopDestroy.js
│ │ │ └── loopFix.js
│ │ ├── manipulation
│ │ │ ├── addSlide.js
│ │ │ ├── appendSlide.js
│ │ │ ├── index.js
│ │ │ ├── prependSlide.js
│ │ │ ├── removeAllSlides.js
│ │ │ └── removeSlide.js
│ │ ├── slide
│ │ │ ├── index.js
│ │ │ ├── slideNext.js
│ │ │ ├── slidePrev.js
│ │ │ ├── slideReset.js
│ │ │ ├── slideToClickedSlide.js
│ │ │ ├── slideToClosest.js
│ │ │ ├── slideTo.js
│ │ │ └── slideToLoop.js
│ │ ├── transition
│ │ │ ├── index.js
│ │ │ ├── setTransition.js
│ │ │ ├── transitionEnd.js
│ │ │ └── transitionStart.js
│ │ ├── translate
│ │ │ ├── getTranslate.js
│ │ │ ├── index.js
│ │ │ ├── maxTranslate.js
│ │ │ ├── minTranslate.js
│ │ │ └── setTranslate.js
│ │ └── update
│ │ ├── index.js
│ │ ├── updateActiveIndex.js
│ │ ├── updateAutoHeight.js
│ │ ├── updateClickedSlide.js
│ │ ├── updateProgress.js
│ │ ├── updateSize.js
│ │ ├── updateSlidesClasses.js
│ │ ├── updateSlides.js
│ │ ├── updateSlidesOffset.js
│ │ └── updateSlidesProgress.js
│ ├── effect-coverflow
│ │ ├── effect-coverflow.js
│ │ └── effect-coverflow.less
│ ├── effect-cube
│ │ ├── effect-cube.js
│ │ └── effect-cube.less
│ ├── effect-fade
│ │ ├── effect-fade.js
│ │ └── effect-fade.less
│ ├── effect-flip
│ │ ├── effect-flip.js
│ │ └── effect-flip.less
│ ├── hash-navigation
│ │ └── hash-navigation.js
│ ├── history
│ │ └── history.js
│ ├── keyboard
│ │ └── keyboard.js
│ ├── lazy
│ │ ├── lazy.js
│ │ └── lazy.less
│ ├── mousewheel
│ │ └── mousewheel.js
│ ├── navigation
│ │ ├── navigation.js
│ │ └── navigation.less
│ ├── pagination
│ │ ├── pagination.js
│ │ └── pagination.less
│ ├── parallax
│ │ └── parallax.js
│ ├── scrollbar
│ │ ├── scrollbar.js
│ │ └── scrollbar.less
│ ├── virtual
│ │ └── virtual.js
│ └── zoom
│ ├── zoom.js
│ └── zoom.less
├── less
│ └── mixins.less
├── modules
│ ├── browser
│ │ └── browser.js
│ ├── device
│ │ └── device.js
│ ├── observer
│ │ └── observer.js
│ ├── resize
│ │ ├── resize.js
│ │ └── resize.less
│ └── support
│ └── support.js
├── swiper.js
├── swiper.less
└── utils
├── browser.js
├── class.js
├── device.js
├── dom.js
├── support.js
└── utils.js
49 directories, 164 files
标签:
相关软件
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论