纯js实用T恤衫花纹图案预览特效 PetitQ 图片/图形 2018-11-17 1.57K 0 0 这是一款使用纯javascript制作的T恤衫花纹图案预览特效。该特效可以应用在购物场景中,用户可以更换自己喜欢的T恤衫花纹图案,找到合适的花纹后可以将定制的T恤衫放入购物车。 HTML结构 该T恤衫花纹图案预览特效的HTML结构非…
纯js实用T恤衫花纹图案预览特效 PetitQ 图片/图形 2018-11-17 1.57K 0 0 这是一款使用纯javascript制作的T恤衫花纹图案预览特效。该特效可以应用在购物场景中,用户可以更换自己喜欢的T恤衫花纹图案,找到合适的花纹后可以将定制的T恤衫放入购物车。 HTML结构 该T恤衫花纹图案预览特效的HTML结构非…
jQuery和css3可扩展的图片幻灯片插件 PetitQ 幻灯片/轮播 2018-10-23 1.57K 0 0 这是一款可扩展的jQuery和css3图片幻灯片插件。在大屏幕上点击幻灯片时,幻灯片将放大到全屏宽度,并出现前后导航;在小屏幕上直接出现幻灯片效果。我们经常能看到“50%平均分割布局”:屏幕的50%宽是图片,50%宽是文字。这种模式…
jQuery和css3可扩展的图片幻灯片插件 PetitQ 幻灯片/轮播 2018-10-23 1.57K 0 0 这是一款可扩展的jQuery和css3图片幻灯片插件。在大屏幕上点击幻灯片时,幻灯片将放大到全屏宽度,并出现前后导航;在小屏幕上直接出现幻灯片效果。我们经常能看到“50%平均分割布局”:屏幕的50%宽是图片,50%宽是文字。这种模式…
CSS3和JS响应式垂直手风琴特效 PetitQ 手风琴 2018-10-30 1.57K 0 0 这是一款使用CSS3和JS制作的响应式垂直手风琴特效。该垂直手风琴特效在展开手风琴项时,标题的图标和相应的列表内容使用CSS3 animation来制作动画特效。 HTML结构: 该垂直手风琴列表的HTML结构如下。 标题1 ...…
CSS3和JS响应式垂直手风琴特效 PetitQ 手风琴 2018-10-30 1.57K 0 0 这是一款使用CSS3和JS制作的响应式垂直手风琴特效。该垂直手风琴特效在展开手风琴项时,标题的图标和相应的列表内容使用CSS3 animation来制作动画特效。 HTML结构: 该垂直手风琴列表的HTML结构如下。 标题1 ...…
具体时间转换为模糊相对时间jQuery工具 PetitQ 其他代码 2018-10-29 1.57K 0 0 jquery.liveTimeAgo.js是一款可以将具体的日期时间转换为模糊相对时间的jQuery插件。例如可以将昨天的某个具体时间转换为“1天以前”,可用于显示文章发布时间等场合。 使用方法: 使用该插件需要在页面中引入jque…
具体时间转换为模糊相对时间jQuery工具 PetitQ 其他代码 2018-10-29 1.57K 0 0 jquery.liveTimeAgo.js是一款可以将具体的日期时间转换为模糊相对时间的jQuery插件。例如可以将昨天的某个具体时间转换为“1天以前”,可用于显示文章发布时间等场合。 使用方法: 使用该插件需要在页面中引入jque…
Ma5slider - 简单易用jQuery响应式轮播图插件 PetitQ 幻灯片/轮播 2018-11-08 1.57K 0 0 ma5slider是一款简单易用的jquery响应式轮播图插件。该轮播图支持鼠标拖拽,可以通过CSS定制外观,支持无限循环模式,内置水平,垂直和淡入淡出三种轮播图过渡动画效果。 使用方法 在页面中引入jquery和jqueryui,…
Ma5slider - 简单易用jQuery响应式轮播图插件 PetitQ 幻灯片/轮播 2018-11-08 1.57K 0 0 ma5slider是一款简单易用的jquery响应式轮播图插件。该轮播图支持鼠标拖拽,可以通过CSS定制外观,支持无限循环模式,内置水平,垂直和淡入淡出三种轮播图过渡动画效果。 使用方法 在页面中引入jquery和jqueryui,…
炫酷鼠标滑过超链接动画特效jQuery插件 PetitQ 文本/链接 2018-11-09 1.57K 0 0 anchor-hover-effect是一款炫酷的鼠标滑过超链接动画特效jQuery插件。该插件提供4种超链接动画效果:3D翻转效果,括号动画效果,上下翻转效果和下划线动画效果。 使用方法: 使用该插件需要在页面中引入anchorH…
炫酷鼠标滑过超链接动画特效jQuery插件 PetitQ 文本/链接 2018-11-09 1.57K 0 0 anchor-hover-effect是一款炫酷的鼠标滑过超链接动画特效jQuery插件。该插件提供4种超链接动画效果:3D翻转效果,括号动画效果,上下翻转效果和下划线动画效果。 使用方法: 使用该插件需要在页面中引入anchorH…
支持移动端的滚动视觉差特效jQuery插件 PetitQ 图片/图形 2019-6-26 1.57K 0 0 hongkong.js是一款支持移动端的滚动视觉差特效jquery插件。该jquery可以制作顶部banner在页面向下滚动时的视觉差效果,支持移动端使用。 使用方法 在页面中引入下面的文件。 HTML结构 HTML结构如下。 da…
支持移动端的滚动视觉差特效jQuery插件 PetitQ 图片/图形 2019-6-26 1.57K 0 0 hongkong.js是一款支持移动端的滚动视觉差特效jquery插件。该jquery可以制作顶部banner在页面向下滚动时的视觉差效果,支持移动端使用。 使用方法 在页面中引入下面的文件。 HTML结构 HTML结构如下。 da…
弹性效果的图片展示画廊特效 PetitQ 图片/图形 2018-11-17 1.57K 0 0 这一款使用纯js制作的弹性效果的图片展示画廊特效。该图片展示特效中,图片在鼠标滑过时带有炫酷的弹性晃动效果,并且图片会跟随鼠标移动,整体效果非常的酷。 使用方法 在页面中引入diapo.js文件。 HTML结构 该图片展示画廊的HT…
弹性效果的图片展示画廊特效 PetitQ 图片/图形 2018-11-17 1.57K 0 0 这一款使用纯js制作的弹性效果的图片展示画廊特效。该图片展示特效中,图片在鼠标滑过时带有炫酷的弹性晃动效果,并且图片会跟随鼠标移动,整体效果非常的酷。 使用方法 在页面中引入diapo.js文件。 HTML结构 该图片展示画廊的HT…
slider pro - 相册图片轮播jQuery插件 PetitQ 幻灯片/轮播 2018-11-04 1.57K 0 0 slider-pro是一款模块化、响应式、支持移动设备的jQuery轮播图插件。该jQuery轮播图插件提供各种配置参数和方法,可以快速的创建多种模式的轮播图特效。它的主要特点有: 支持模块化 响应式设计 支持移动设备 使用CSS3…
slider pro - 相册图片轮播jQuery插件 PetitQ 幻灯片/轮播 2018-11-04 1.57K 0 0 slider-pro是一款模块化、响应式、支持移动设备的jQuery轮播图插件。该jQuery轮播图插件提供各种配置参数和方法,可以快速的创建多种模式的轮播图特效。它的主要特点有: 支持模块化 响应式设计 支持移动设备 使用CSS3…
轻量级简单实用图片放大镜jQuery特效 PetitQ 图片/图形 2018-11-15 1.57K 0 0 zoomtoo是一款轻量级的简单实用的jQuery图片放大镜特效插件。这个图片放大镜特效在鼠标滑过骨牌的时候,在原来图片区域内部将图片放大。鼠标进入和离开图片区域时都带有淡入淡出的效果。该图片放大镜插件的浏览器兼容性非常好,可以兼容…
轻量级简单实用图片放大镜jQuery特效 PetitQ 图片/图形 2018-11-15 1.57K 0 0 zoomtoo是一款轻量级的简单实用的jQuery图片放大镜特效插件。这个图片放大镜特效在鼠标滑过骨牌的时候,在原来图片区域内部将图片放大。鼠标进入和离开图片区域时都带有淡入淡出的效果。该图片放大镜插件的浏览器兼容性非常好,可以兼容…
纯CSS3图片分类过滤效果 PetitQ 图片/图形 2019-1-19 1.57K 0 0 这是一款使用纯css3制作的图片分类过滤效果插件。该插件可以过滤出所有图片中的某一类图片。该图片分类过滤共有三种效果:图片模糊效果,图片缩小模糊效果和放大缩小效果。通过使用兄弟选择器和:checked伪元素,我们能够轻易的切换che…
纯CSS3图片分类过滤效果 PetitQ 图片/图形 2019-1-19 1.57K 0 0 这是一款使用纯css3制作的图片分类过滤效果插件。该插件可以过滤出所有图片中的某一类图片。该图片分类过滤共有三种效果:图片模糊效果,图片缩小模糊效果和放大缩小效果。通过使用兄弟选择器和:checked伪元素,我们能够轻易的切换che…