简单多级垂直手风琴下拉列表菜单 PetitQ 导航菜单, 手风琴 2018-10-30 2.01K 0 1 这是一款简单但实用的多级垂直手风琴下拉列表菜单。该多级手风琴菜单完全使用CSS来制作,它通过将不同的子菜单进行分组,制作出多级菜单的效果。该多级手风琴菜单通过在checkbox元素上使用:checked伪元素来制作。如果需要一些好看…
简单多级垂直手风琴下拉列表菜单 PetitQ 导航菜单, 手风琴 2018-10-30 2.01K 0 1 这是一款简单但实用的多级垂直手风琴下拉列表菜单。该多级手风琴菜单完全使用CSS来制作,它通过将不同的子菜单进行分组,制作出多级菜单的效果。该多级手风琴菜单通过在checkbox元素上使用:checked伪元素来制作。如果需要一些好看…
Material Design 响应式风格表单插件 PetitQ 表单/表格 2019-9-10 1.46K 0 0 这是一款基于Bootstrap4的material design风格表单插件。该插件能够将bootstrap4的输入框和文本框转换为material design风格的浮动标签效果。 使用方法 在HTML文件中引入。 HTML结构 …
Material Design 响应式风格表单插件 PetitQ 表单/表格 2019-9-10 1.46K 0 0 这是一款基于Bootstrap4的material design风格表单插件。该插件能够将bootstrap4的输入框和文本框转换为material design风格的浮动标签效果。 使用方法 在HTML文件中引入。 HTML结构 …
lightbox 侧边栏式图片画廊jQuery插件 PetitQ 图片/图形, 布局框架 2019-11-25 1.62K 0 0 使用方法 在HTML文件中引入 HTML结构 配置参数 effects: { // Sets the duration of individual effects, or disables them when set to fals…
lightbox 侧边栏式图片画廊jQuery插件 PetitQ 图片/图形, 布局框架 2019-11-25 1.62K 0 0 使用方法 在HTML文件中引入 HTML结构 配置参数 effects: { // Sets the duration of individual effects, or disables them when set to fals…
Owl Carousel响应式焦点图轮播插件 PetitQ 幻灯片/轮播 2018-10-22 2K 0 0 Owl Carousel是非常强大的jQuery焦点图插件,这个焦点图插件功能众多,高度可定制性,支持触摸设备,并且是响应式的。 引入必要的js文件和css文件 HTML结构: 使用Owl Carousel焦点图插件只需要创建一个d…
Owl Carousel响应式焦点图轮播插件 PetitQ 幻灯片/轮播 2018-10-22 2K 0 0 Owl Carousel是非常强大的jQuery焦点图插件,这个焦点图插件功能众多,高度可定制性,支持触摸设备,并且是响应式的。 引入必要的js文件和css文件 HTML结构: 使用Owl Carousel焦点图插件只需要创建一个d…
五种超酷自定义鼠标样式特效 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…
jQuery 弹出式 Tooltip 分享按钮插件 PetitQ 对话框/Tips 2018-10-24 1.79K 0 6 非常美观的一款jQuery Tooltip弹出式分享按钮插件,点击分享按钮时,会以Tooltip弹出框的样式显示分享按钮图片,并且在弹出时伴随着左右摇晃的动画特效。
jQuery 弹出式 Tooltip 分享按钮插件 PetitQ 对话框/Tips 2018-10-24 1.79K 0 6 非常美观的一款jQuery Tooltip弹出式分享按钮插件,点击分享按钮时,会以Tooltip弹出框的样式显示分享按钮图片,并且在弹出时伴随着左右摇晃的动画特效。
流光溢彩Bootstrap响应式幻灯片特效 PetitQ 幻灯片/轮播 2018-11-01 2.11K 0 0 这是一款效果非常炫酷的Bootstrap响应式幻灯片特效jQuery插件。该幻灯片插件将图片的主色调制作为模糊的背景,制造做出一种流光溢彩的图片背景特效。在鼠标滑过的时候光彩效果会被加强,效果非常不错。 HTML结构: 幻灯片特效的…
流光溢彩Bootstrap响应式幻灯片特效 PetitQ 幻灯片/轮播 2018-11-01 2.11K 0 0 这是一款效果非常炫酷的Bootstrap响应式幻灯片特效jQuery插件。该幻灯片插件将图片的主色调制作为模糊的背景,制造做出一种流光溢彩的图片背景特效。在鼠标滑过的时候光彩效果会被加强,效果非常不错。 HTML结构: 幻灯片特效的…
纯CSS3制作逼真的汽车运动动画 PetitQ 图片/图形 2019-3-11 1.85K 0 1 这是一款使用纯CSS3制作的逼真汽车运动动画特效。该特效中,所有元素都是通过CSS渲染得到的,没有使用任何图片。它通过公路斑马线的左右晃动来制作出汽车运动的视觉效果。 HTML结构 整个汽车运动动画的HTML结构如下: CSS样式 …
纯CSS3制作逼真的汽车运动动画 PetitQ 图片/图形 2019-3-11 1.85K 0 1 这是一款使用纯CSS3制作的逼真汽车运动动画特效。该特效中,所有元素都是通过CSS渲染得到的,没有使用任何图片。它通过公路斑马线的左右晃动来制作出汽车运动的视觉效果。 HTML结构 整个汽车运动动画的HTML结构如下: CSS样式 …
带缩略图焦点图特效jQuery代码 PetitQ 幻灯片/轮播 2018-11-07 1.55K 0 0 这是一款带缩略图的jquery焦点图特效代码。该焦点图通过鼠标滑过缩略图来进行前后导航,效果简朴,兼容IE8,非常实用。 使用方法: 在页面中引入jquery和jquery.slides.js文件,以及样式文件style.css。 …
带缩略图焦点图特效jQuery代码 PetitQ 幻灯片/轮播 2018-11-07 1.55K 0 0 这是一款带缩略图的jquery焦点图特效代码。该焦点图通过鼠标滑过缩略图来进行前后导航,效果简朴,兼容IE8,非常实用。 使用方法: 在页面中引入jquery和jquery.slides.js文件,以及样式文件style.css。 …
bootstrap 4 模态窗口增强jQuery插件 PetitQ 对话框/Tips 2019-11-04 1.54K 0 0 Simple-bs-dialog.js是一款bootstrap 4模态窗口增强插件。通过该插件,使用bootstrap4模态窗口会更加简单方便,功能更强大。 使用方法 在HTML文件中引入 初始化插件 创建一个基本的模态窗口 Sim…
bootstrap 4 模态窗口增强jQuery插件 PetitQ 对话框/Tips 2019-11-04 1.54K 0 0 Simple-bs-dialog.js是一款bootstrap 4模态窗口增强插件。通过该插件,使用bootstrap4模态窗口会更加简单方便,功能更强大。 使用方法 在HTML文件中引入 初始化插件 创建一个基本的模态窗口 Sim…
jQuery+CSS3交叉滑动幻灯片特效插件 PetitQ 幻灯片/轮播 2018-11-06 1.39K 0 0 jSlides是一款效果非常炫酷的jQuery和CSS3交叉滑动幻灯片特效插件。该幻灯片特效不用任何外置的CSS代码,可以制作出带缩略图的交叉滑动显示图片的幻灯片效果。 使用方法: 使用该幻灯片插件需要在页面中引入jquery和jS…
jQuery+CSS3交叉滑动幻灯片特效插件 PetitQ 幻灯片/轮播 2018-11-06 1.39K 0 0 jSlides是一款效果非常炫酷的jQuery和CSS3交叉滑动幻灯片特效插件。该幻灯片特效不用任何外置的CSS代码,可以制作出带缩略图的交叉滑动显示图片的幻灯片效果。 使用方法: 使用该幻灯片插件需要在页面中引入jquery和jS…
基于bootsnav超酷导航菜单特效 PetitQ 导航菜单 2019-2-15 2.27K 0 1 这是一款基于bootsnav的超酷导航菜单特效。该导航菜单以bootsnav为基础,通过简单的CSS代码,构建出效果非常炫酷的多级导航菜单特效。 HTML结构 该导航菜单特效的基本HTML结构如下。 Home About Short…
基于bootsnav超酷导航菜单特效 PetitQ 导航菜单 2019-2-15 2.27K 0 1 这是一款基于bootsnav的超酷导航菜单特效。该导航菜单以bootsnav为基础,通过简单的CSS代码,构建出效果非常炫酷的多级导航菜单特效。 HTML结构 该导航菜单特效的基本HTML结构如下。 Home About Short…