H5常用特效插件整理总结



整理总结下平时写网页的一些常用插件。具体不多说,用到什么看下对应的具体使用方法就可以。

图片放大缩小(类似微信那种)--zoomingzbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

CSS3动画库--animate.csszbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

强大动画js库--anime.jszbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

页面滚动动画--wow.js效果见本站历史栏目效果zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

3D效果--HTzbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

工作流插件 -- gooflowzbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

编辑器 -- bootstrap-markdown(markdown编辑器,所见即所得)zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

网页右键菜单 -- contextjszbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

jQuery右键菜单插件contextmenu.jszbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

幻灯片插件zbL思考者日记网-束洋洋个人博客

slidr.js——一个简单的,轻量级的JavaScript库 添加幻灯片切换到您的网页,无依赖。zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

Unslider ——一个超小的 jQuery 轮播(slider) 插件。支持主流浏览器、键盘导航、自动调整高度和响应式布局。zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

表单验证 --bootstrapValidatorzbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

全屏/整屏幕滚动组插件 -- fullPage.js(适合做纯H5宣传页)zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

树形视图 -- bootstrap-treeviewzbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

加载动画

pace.js(本站使用插件)官网 zbL思考者日记网-束洋洋个人博客

spinkit 官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

在线浏览PDF插件---pdf.jszbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

图片悬停特效--iHover(超级实用)zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

导航悬停或者其他元素悬停特效 --- lavalamp 类似鼠标经过的一些特效,具体看官网示例zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

响应式导航菜单插件

sidr 展示方式侧边,支持sidbar 官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

Navgoco是一个简约的手风琴菜单jQuery响应式插件,垂直方式展示,类似于垂直的Tab选项卡。zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

FlexNav 这个自适应屏幕菜单插件支持多级,展示方式:垂直zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

SmartMenus 响应式菜单插件的展示方式支持水平、垂直两种。zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

jQuery Menu Aim官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

Side Toggle Menu 有点像sidr插件,也支持左右侧边栏菜单展示。 zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

jQuery slimMenuzbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

jPanelMenu 响应式菜单jQuery插件以左侧边栏的方式展示。zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

Naver 这个菜单插件比较简单,如果你的导航内容不多的话可以使用这个。zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

TinyNav.js 响应式设计导航jQuery插件,展示方式:下拉选择框。zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

HorizontalNav 水平的响应式导航插件,优点就是自适应水平居中,缺点就是,菜单太多在手机的分辨屏的展示不是很友好,各有所需,没有最好,只有最适合的。zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

jQuery.mmenu 适用于手机网站建设的导航jQuery插件。zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

 zbL思考者日记网-束洋洋个人博客

MeanMenu 一个自适应屏幕宽度的响应式导航菜单,展示方式:垂直下拉菜单zbL思考者日记网-束洋洋个人博客

官网zbL思考者日记网-束洋洋个人博客

以上就是我平时整理常用的一些插件,欢迎大家留意补充。zbL思考者日记网-束洋洋个人博客

 

(转载本站文章请注明作者和出处 思考者日记网|束洋洋个人博客 ,请勿用于任何商业用途)

『访问 思考者日记网404页面 寻找遗失儿童』

告知
  •     本站90%以上文章均属原创,部分转载已加上原作者出处。 如需转载本站文章请您务必保留本站出处!
  •     打广告评论者请自重,请为广大网友提供一个健康干净的网络空间。
  •  感谢主机屋提供网站空间;
  •  感谢万网阿里云提供域名解析;
  •  感谢EmpireCMS提供CMS系统;
  •  感谢bootstrap展示本站前端页面;
  •  感谢Glyphicons Halflings提供字体;
  •  感谢大家一直以来对本站的喜爱,感谢大家!
近期文章 建议与反馈

 

网友评论
我也来说两句
点击显示

 

点击显示弹幕