HTML5小组件
6、
基于Layui的可自定义添加删除数据的表格处理插件
如何在网页上编辑表格数据,这通过自己编写JS和CSS实现都是比较麻烦的,jQuery有很多插件可以完成这种功能,比如这款jQuery简易版的Excel表格功能插件,就可以基本满足网页上的数据编辑。这次我们分享的这款插件是基于Layui的,layui 是一款采用自身模块规范编写的前端UI框架,这款表格插件可以允许你非常方便的添加、删除表格行数据,并且通过服务器接口进行保存。你只需要定制前端的数据列和后端的保存逻辑即可,数据交互均采用JSON格式。
5、
CSS3卡片3D翻转动画 卡片带3D按钮
很多现代网站现在都喜欢用卡片式的风格,即在首页中将文章标题、内容和主题图片制作成卡片展示。今天这款就是基于CSS3的卡片动画,卡片中的元素可以是任意HTML元素,这里比较特别的是在文字下方显示一个3D按钮,同时当我们将鼠标滑过卡片时,卡片会呈现3D的翻转动画。
4、
jQuery事件循环滚动的时间轴插件
今天给大家分享一款基于jQuery的时间轴插件,它的功能就像是扩展版的jQuery焦点图那样,不仅可以像时间轴那样沿着轴向前翻滚,而且可以点击按钮向前或者向后翻滚,这有点类似传统的焦点图插件,并且这些在时间轴上的事件可以循环滚动。
3、
CSS3个性化自定义样式的Radiobox单选框
单选框Radiobox是网页表单中比较常用的元素,有时候为了统一网页风格,让页面变得更加协调,我们通常需要重写浏览器单选框的默认样式。今天我们要分享的是一款基于CSS3的个性化自定义样式Radiobox单选框,它不仅有着扁平化的样式外观,而且在选中项切换的时候伴随动画效果。
2、
超酷的CSS3复古风格和字体的3D按钮
我们分享过很多基于CSS3的3D按钮,很多都非常漂亮,例如这篇7款外观迷人的HTML5/CSS3 3D按钮特效文章中就收藏了不少。这次我们要带来一款也是基于CSS3的3D按钮,它有着复古的风格和字体。第一个按钮根据光标在悬停时的位置向左或向右倾斜,它的风格类似于老式游戏机按钮。 这些按钮配置了sm,md,lg大小类以及bootstrap-esque类,如primary,secondary,dangerous,warning,success和info。第二个按钮是一个加载程序按钮,按下它时会有自己的进度条。 它只会向中心推动,但随后向上打开,在它的正面显示一个进度条。 根据操作的成功与否,它将在完成时显示具体信息。
1、CSS3和SVG实现的圆环菜单动画
网页菜单的样式真实多种多样,特别是HTML5和CSS3的流行,让网页菜单的外观更加丰富多彩了。今天我们要给大家分享一个基于CSS3和SVG的圆环形状的菜单,在圆环上一共有7个节点,表示菜单项,当鼠标滑过或者点击其中一个节点时,就会弹出文字菜单项,圆环形状和节点都是采用SVG绘制而成,动画效果也非常不错。
本条目发布于一月 10, 2019。属于HTML5应用分类,被贴了 CSS3菜单、SVG 标签。