swiper插件项目实战
共16人
袁志宇简历
pc端链接: http://1.webyzycom.applinzi.com/resume/index.html
手机端链接 : http://1.webyzycom.applinzi.com/resumemobel/index.html
简介:
主要介绍了个人基本信息、专业技能、作品展览、个人介绍。
(1)运用swiper实现滑屏及运用jq和css3写动画特效
(2)使用了swiper实现页面的切换
(3)使用ps实现了各种图形制作
(4)运用@media媒体查询实现了手机和电脑的适配
(5)运用jq和js实现了音乐的播放及简单的实现用户交互
(1)运用swiper实现滑屏及运用jq和css3写动画特效
(2)使用了swiper实现页面的切换
(3)使用ps实现了各种图形制作
(4)运用@media媒体查询实现了手机和电脑的适配
(5)运用jq和js实现了音乐的播放及简单的实现用户交互
pc端二维码:
手机端二维码:
马高韩简历
链接:http://1.wushanshan.applinzi.com/个人简历/000.html
简介:
此个人简历有六个页面,风格具有文艺气息。使用css和swiper搭建整体布局。
还使用了animate动画库,增加动态效果,功能较简单,最后采用media响应式
布局移动端和PC端,但整体还存在一些细节上的错误,需完善。
还使用了animate动画库,增加动态效果,功能较简单,最后采用media响应式
布局移动端和PC端,但整体还存在一些细节上的错误,需完善。
二维码:
刘依伟简历
链接:http://1.wushanshan.applinzi.com/grjl/grjl.html
简介:
本网站主要采用swiper制作,设计简单,主要介绍了本人的一些基本信息以及到目前为止的学习情况,里面的内容并不都是真实的。
此外,本网站主要运用了swiper动画,文字与图片的淡入淡出,不足之处的没有加入音乐等效果。
此外,本网站主要运用了swiper动画,文字与图片的淡入淡出,不足之处的没有加入音乐等效果。
二维码:
赵伟芳简历
链接:http://1.lhwei123.applinzi.com/简历/jl.html
简介:
简历总共分为5页,分别是首页、个人信息、专业技能、求职意向、联系方式。
采用了html和css,运用swiper框架和swiper动画,使每个页面看有动感,
导航点可以控制想看的页面。
采用了html和css,运用swiper框架和swiper动画,使每个页面看有动感,
导航点可以控制想看的页面。
二维码:
蒋宏维简历
蒋宏维简历
链接:http://1.jhw123.applinzi.com/jl/jl.html
简介:
本网站是一个个人简介,用于求职;
采用swiper插件,特点在于可以加一些炫酷的动画效果,且代码简单,画面感强;
共有五页,第一页:封面
第二页:基本信息
第三页:专业技能
第四页:作品展示
第五页:联系我
采用swiper插件,特点在于可以加一些炫酷的动画效果,且代码简单,画面感强;
共有五页,第一页:封面
第二页:基本信息
第三页:专业技能
第四页:作品展示
第五页:联系我
二维码:
王寒星 简历
链接:http://1.159753.applinzi.com/%E7%AE%80%E5%8E%86/test.html
简介:
包含个人简单的信息 所有背景图片采用蒲公英为原型 充满朝气 运用swiper实现移动端网页触摸内容滑动 并添加部分swiper动画效果
二维码:
吴珊珊简历
链接:http://1.wushanshan.applinzi.com/wss/people.html
简介:
这次网站我采用的技术有HTML、CSS、CSS3、swiper等技术,创建了属于自己的个人简历,首先我引用了5个外部文件,其次我根据自己的大学生活做出了一定分析与总结,结合一些css、css3样式在swiper框架之中展开了修饰,最后完成了这一份作品。
总的来说做完最后悔的是没用手机适配,在手机上无法实现自己设计的应有界面,同时有了一个教训,那就是做任何网站都应该同时考虑多方面因素给别人带来的问题,那样才能把效果达到最好、最舒适。
总的来说做完最后悔的是没用手机适配,在手机上无法实现自己设计的应有界面,同时有了一个教训,那就是做任何网站都应该同时考虑多方面因素给别人带来的问题,那样才能把效果达到最好、最舒适。
二维码:
张俊玲简历
链接: http://www.ffzjl.cn/one/index_swiper1.html
简历:
我制作的简历中包含了基本信息以及专业技能的自我评估
运用了swiper框架的基本结构,同时在默认样式中做了一些变动
例如分页器的样式根据自己喜好做出修改,制作简单,源码简洁
运用了swiper框架的基本结构,同时在默认样式中做了一些变动
例如分页器的样式根据自己喜好做出修改,制作简单,源码简洁
二维码:
张双双简历
简介:
我的简历讲究以简单的形式向观看者介绍我的信息,我采用了swiper动态网页设计进行整体的网页布局,但是没有一开始进行手机适配,导致网页在手机打开时布局与pc端有些不同。所以下次注意PC与移动端一起进行。、
网页主要介绍了我的个人性格、专业技能等,以较简单的形式展现。
二维码:
宋晓晨简历
链接:http://1.songxc.applinzi.com/sxcone/index.html
简介:
运用了swiper框架,部分使用css3和jquery
进行了个人基本介绍,我所掌握的专业技能,大学经历以及自我评价
进行了个人基本介绍,我所掌握的专业技能,大学经历以及自我评价
二维码:
陈凡简历
链接:http://1.cf0216.applinzi.com/resume/spResume.html
简介:
共分为四页:第一页介绍姓名、年龄、性别。
第二页介绍和人基本信息:学历专业、家庭住址、毕业院校和工作经验。
第三页介绍掌握的专业技能情况。
第四页介绍联系方式:联系电话和电子邮箱。
网站特点:网站制作简洁,引用了css swiper swiper动画 jquery等插件。
第二页介绍和人基本信息:学历专业、家庭住址、毕业院校和工作经验。
第三页介绍掌握的专业技能情况。
第四页介绍联系方式:联系电话和电子邮箱。
网站特点:网站制作简洁,引用了css swiper swiper动画 jquery等插件。
二维码:
刘立淼简历
链接:http://1.qinhuangdaoh5edu.applinzi.com/llm/index.html
简介:
此网站介绍了以下几项内容:
1.基本信息(姓名,性别,学历,学校)
2.大学专业课程(《高等数学》《Java程序设计》《数据结构》等)
3.技能(html+css,js,jQuery)
4.个人兴趣(看动漫,听音乐等)
5.联系方式(电话,邮箱)
主要采用了swiper插件,运用swiper animate方法实现了一些小动画,通过effect实现了简单的翻页效果,自动播放
1.基本信息(姓名,性别,学历,学校)
2.大学专业课程(《高等数学》《Java程序设计》《数据结构》等)
3.技能(html+css,js,jQuery)
4.个人兴趣(看动漫,听音乐等)
5.联系方式(电话,邮箱)
主要采用了swiper插件,运用swiper animate方法实现了一些小动画,通过effect实现了简单的翻页效果,自动播放
二维码:
王俊颖简历
链接:
http://1.xiaoleng.applinzi.com/wjy/resume.html
简介:
(1
)使用了
js
做出鼠标点击或者手机屏幕触碰,通过定位鼠标位置
/
触碰位置,改变
css
样式,实现水波纹的效果,可以全页面实现
(2)使用了swiper实现页面的切换
(3)使用canvas实现了专业技能的背景动态图
(4)运用@media媒体查询实现了手机和电脑的适配
(5)运用jq和js实现了音乐的暂停和播放,并且点击按钮时可切换图片,简单的实现用户交互
二维码:
王文静简历
链接:http://1.wenjingcom.applinzi.com/jianli/index.html
简介:使用swiper框架,完成整体布局,简单大方。
自己设计,同时汲取了网上一些优秀作品的优点。
动画,大部分使用css3库动画完成,部分动画使用jq完成。
音乐控件旋转css3新属性完成。
上滑键呼吸使用jq动画函数完成
自己设计,同时汲取了网上一些优秀作品的优点。
动画,大部分使用css3库动画完成,部分动画使用jq完成。
音乐控件旋转css3新属性完成。
上滑键呼吸使用jq动画函数完成
二维码:
李政霖简历
链接:http://1.402177795.applinzi.com/LZL/lx59.html
简介:
实现swiper的切换效果 函数调用 动画效果 用了 js和jq 再用了 html5标签 实现了 音乐效果 切换效果 跳转效果 各种 动画效果 各种函数效果
二维码:
何星简历
链接:http://1.hexing123.applinzi.com/hx/hx.html
简介:
共分为四页:
第一页介绍姓名、年龄、求职意向以及座右铭。
第二页介绍和人基本信息:学历专业、家庭住址、毕业院校和工作经验。
第三页介绍掌握的专业技能情况。
第四页介绍联系方式:联系电话和电子邮箱,以及留言版。
第二页介绍和人基本信息:学历专业、家庭住址、毕业院校和工作经验。
第三页介绍掌握的专业技能情况。
第四页介绍联系方式:联系电话和电子邮箱,以及留言版。
网站特点:
网站制作简洁,引用了css bootstrap swiper swiper动画 jquery等插件。
网站制作简洁,引用了css bootstrap swiper swiper动画 jquery等插件。
二维码: