基于threejs的交互例子动画特效 PetitQ 图片/图形 2019-1-22 3.81K 0 2 这是基于threejs的交互例子动画特效。该特效通过three.js制作粒子合成图像效果,点击图像时可以切换到下一幅图像,效果非常炫酷。 使用方法 项目基于npm来构建,要运行查看效果,执行下面的命名: npm install np…
基于threejs的交互例子动画特效 PetitQ 图片/图形 2019-1-22 3.81K 0 2 这是基于threejs的交互例子动画特效。该特效通过three.js制作粒子合成图像效果,点击图像时可以切换到下一幅图像,效果非常炫酷。 使用方法 项目基于npm来构建,要运行查看效果,执行下面的命名: npm install np…
HTML5超酷响应式视频背景动画特效 PetitQ 音频/视频 2018-11-04 3.77K 0 4 这是一款HTML5超酷响应式视频背景动画特效。该视频背景可以将视频自适应屏幕的大小,制作出炫酷的动态视频背景效果。 使用方法: 在页面中引入bideo.js文件。 HTML结构: 该视频背景动画特效的基本HTML结构如下。 Bide…
HTML5超酷响应式视频背景动画特效 PetitQ 音频/视频 2018-11-04 3.77K 0 4 这是一款HTML5超酷响应式视频背景动画特效。该视频背景可以将视频自适应屏幕的大小,制作出炫酷的动态视频背景效果。 使用方法: 在页面中引入bideo.js文件。 HTML结构: 该视频背景动画特效的基本HTML结构如下。 Bide…
纯CSS3炫酷3D星空动画特效 PetitQ 其他代码 2019-3-21 3.76K 0 2 这是一款使用纯CSS3制作的炫酷3D星空动画特效。该特效中,以飞船向前快速移动为视角,所有的星星都快速的变大并向后移动,效果非常逼真。 HTML结构 该3D星空特效只使用一个<div>元素作为容器即可。 CSS样式 该3…
纯CSS3炫酷3D星空动画特效 PetitQ 其他代码 2019-3-21 3.76K 0 2 这是一款使用纯CSS3制作的炫酷3D星空动画特效。该特效中,以飞船向前快速移动为视角,所有的星星都快速的变大并向后移动,效果非常逼真。 HTML结构 该3D星空特效只使用一个<div>元素作为容器即可。 CSS样式 该3…
Bootstrap显示或隐藏密码jQuery插件 PetitQ 表单/表格 2018-11-12 3.75K 0 1 这是一款Bootstrap显示或隐藏密码jquery插件。该插件支持bootstrap2和bootstrap3,可用于在表单密码字段上显示或隐藏用户输入的密码。 使用方法 在页面中引入jquery,bootstrap和bootstr…
Bootstrap显示或隐藏密码jQuery插件 PetitQ 表单/表格 2018-11-12 3.75K 0 1 这是一款Bootstrap显示或隐藏密码jquery插件。该插件支持bootstrap2和bootstrap3,可用于在表单密码字段上显示或隐藏用户输入的密码。 使用方法 在页面中引入jquery,bootstrap和bootstr…
纯CSS3用户卡片设计效果 PetitQ 图片/图形 2019-1-18 3.73K 0 0 这是一款纯CSS3用户卡片设计效果。该卡片设计效果结合SVG来制作,在鼠标hover卡片时,产生炫酷的动画效果。 使用方法 在页面中引入font-awesome文件。 HTML结构 基本HTML DOM 结构如下: Level 13…
纯CSS3用户卡片设计效果 PetitQ 图片/图形 2019-1-18 3.73K 0 0 这是一款纯CSS3用户卡片设计效果。该卡片设计效果结合SVG来制作,在鼠标hover卡片时,产生炫酷的动画效果。 使用方法 在页面中引入font-awesome文件。 HTML结构 基本HTML DOM 结构如下: Level 13…
仿淘宝网登录拖动滑块验证码jQuery特效 PetitQ 表单/表格 2018-11-12 3.70K 0 4 这是一款非常简单的仿淘宝网登录拖动滑块验证码特效。拖动滑块验证码是为了防止使用机器人恶意登录。只有用户通过手动拖动滑块之后,才允许用户进行登录操作。 使用方法 在页面中引入jquery和drag.js文件。 HTML结构 该拖动滑块…
仿淘宝网登录拖动滑块验证码jQuery特效 PetitQ 表单/表格 2018-11-12 3.70K 0 4 这是一款非常简单的仿淘宝网登录拖动滑块验证码特效。拖动滑块验证码是为了防止使用机器人恶意登录。只有用户通过手动拖动滑块之后,才允许用户进行登录操作。 使用方法 在页面中引入jquery和drag.js文件。 HTML结构 该拖动滑块…
Dropify - 可拖拽上传文件jQuery控件 PetitQ 表单/表格 2018-11-11 3.70K 0 3 dropify是一款可以拖拽文件到指定区域进行文件上传的jQuery表单文件上传控件美化插件。该jQuery文件上传控件对原生的input元素进行了美化使其能够直接拖动文件到指定区域进行文件的上传操作。 使用方法 使用该文件上传美化…
Dropify - 可拖拽上传文件jQuery控件 PetitQ 表单/表格 2018-11-11 3.70K 0 3 dropify是一款可以拖拽文件到指定区域进行文件上传的jQuery表单文件上传控件美化插件。该jQuery文件上传控件对原生的input元素进行了美化使其能够直接拖动文件到指定区域进行文件的上传操作。 使用方法 使用该文件上传美化…
五种超酷自定义鼠标样式特效 PetitQ 图片/图形, 布局框架 2019-2-12 3.68K 0 2 这是一款超酷自定义鼠标样式特效。在在特效中,提供了5种效果非常炫酷的鼠标特效方案,它们通过css和js在不同的场景下,显示不同的鼠标样式。 Github网址:https://github.com/skaltenegger/custo…
五种超酷自定义鼠标样式特效 PetitQ 图片/图形, 布局框架 2019-2-12 3.68K 0 2 这是一款超酷自定义鼠标样式特效。在在特效中,提供了5种效果非常炫酷的鼠标特效方案,它们通过css和js在不同的场景下,显示不同的鼠标样式。 Github网址:https://github.com/skaltenegger/custo…
多种纯css3按钮样式 PetitQ 按钮图标 2019-1-19 3.68K 0 5 这是一款使用css伪元素制作的纯css3按钮样式。该款按钮样式共有5种效果,后面4种有3d立体效果。该css3按钮样式是网页设计不可多得的素材。在以前要做这种按钮鼠标滑过或按下的效果大多是使用css雪碧技术(即将多张图片合成一张,然…
多种纯css3按钮样式 PetitQ 按钮图标 2019-1-19 3.68K 0 5 这是一款使用css伪元素制作的纯css3按钮样式。该款按钮样式共有5种效果,后面4种有3d立体效果。该css3按钮样式是网页设计不可多得的素材。在以前要做这种按钮鼠标滑过或按下的效果大多是使用css雪碧技术(即将多张图片合成一张,然…
jquery-confirm - 功能强大jQuery对话框确认框插件 PetitQ 对话框/Tips 2019-12-19 3.63K 0 1 jquery-confirm是一款功能强大的jQuery对话框和确认框插件。它提供多种内置的主题效果,可以实现ajax远程加载内容,提供动画效果和丰富的配置参数等。它的特点还有: 可以使用键盘控制对话框 通过ajax加载对话框的内容…
jquery-confirm - 功能强大jQuery对话框确认框插件 PetitQ 对话框/Tips 2019-12-19 3.63K 0 1 jquery-confirm是一款功能强大的jQuery对话框和确认框插件。它提供多种内置的主题效果,可以实现ajax远程加载内容,提供动画效果和丰富的配置参数等。它的特点还有: 可以使用键盘控制对话框 通过ajax加载对话框的内容…
强大纯JS扁平风格日期时间选择器插件 PetitQ 其他代码 2018-11-11 3.61K 0 0 flatpickr是一款功能强大的纯JS扁平风格日期时间选择器插件。该日期时间选择器支持移动手机,提供多种内置的主题效果,并且提供对中文的支持。它的特点还有: 使用SVG作为界面的图标 兼容jQuery 支持对各种日期格式的解析 轻…
强大纯JS扁平风格日期时间选择器插件 PetitQ 其他代码 2018-11-11 3.61K 0 0 flatpickr是一款功能强大的纯JS扁平风格日期时间选择器插件。该日期时间选择器支持移动手机,提供多种内置的主题效果,并且提供对中文的支持。它的特点还有: 使用SVG作为界面的图标 兼容jQuery 支持对各种日期格式的解析 轻…
Bootstrap4下拉框功能强化插件 PetitQ 表单/表格 2018-11-13 3.58K 0 2 bootstrap4c-chosen是一款Bootstrap4下拉框功能强化插件。该插件在原生bootstrap4下拉框的基础上,新增了搜索、选项分组、多选等功能,非常实用。 使用方法 在页面中引入bootstrap4相关文件,co…
Bootstrap4下拉框功能强化插件 PetitQ 表单/表格 2018-11-13 3.58K 0 2 bootstrap4c-chosen是一款Bootstrap4下拉框功能强化插件。该插件在原生bootstrap4下拉框的基础上,新增了搜索、选项分组、多选等功能,非常实用。 使用方法 在页面中引入bootstrap4相关文件,co…