简单全屏jquery图片轮播插件 PetitQ 幻灯片/轮播 2018-10-22 1.73K 0 1 Flickerplate是一个jquery图片轮播插件。使用时需要使用Modernizr来做触摸检测,所以必须引入jQuery和Modernizr。 引入必要的js文件和css文件 // Required javascript //…
简单全屏jquery图片轮播插件 PetitQ 幻灯片/轮播 2018-10-22 1.73K 0 1 Flickerplate是一个jquery图片轮播插件。使用时需要使用Modernizr来做触摸检测,所以必须引入jQuery和Modernizr。 引入必要的js文件和css文件 // Required javascript //…
jQuery超酷hero幻灯片特效 PetitQ 幻灯片/轮播 2018-10-31 1.61K 0 0 bpHS是一款基于bootstrap的炫酷jQuery hero幻灯片插件。该bootstrap幻灯片插件小巧实用,可以通过data属性来设置幻灯片的动画效果,还提供了许多参数用于控制幻灯片。 HTML结构: 调用插件: 该幻灯片插…
jQuery超酷hero幻灯片特效 PetitQ 幻灯片/轮播 2018-10-31 1.61K 0 0 bpHS是一款基于bootstrap的炫酷jQuery hero幻灯片插件。该bootstrap幻灯片插件小巧实用,可以通过data属性来设置幻灯片的动画效果,还提供了许多参数用于控制幻灯片。 HTML结构: 调用插件: 该幻灯片插…
jQuery创意响应式两栏滚动幻灯片特效 PetitQ 幻灯片/轮播 2018-11-02 1.16K 0 0 这是一款非常有创意的jQuery和CSS3两栏滚动幻灯片特效。该幻灯片特效将图片分为两半,在图片滚动切换时一半向上滚动,一半向下滚动,就像图片被切割开一样,效果很酷。 HTML结构: 每一幅幻灯片分为3个部分,第一部分是div.im…
jQuery创意响应式两栏滚动幻灯片特效 PetitQ 幻灯片/轮播 2018-11-02 1.16K 0 0 这是一款非常有创意的jQuery和CSS3两栏滚动幻灯片特效。该幻灯片特效将图片分为两半,在图片滚动切换时一半向上滚动,一半向下滚动,就像图片被切割开一样,效果很酷。 HTML结构: 每一幅幻灯片分为3个部分,第一部分是div.im…
超酷jQuery 3D旋转木马效果轮播图插件 PetitQ 幻灯片/轮播 2018-11-02 1.36K 0 0 jCarrousel是一款炫酷且强大的3D旋转木马效果轮播图jQuery插件。该旋转木马插件可以自适应屏幕大小来调整图片的间距,可实现自动播放等。jCarrousel代码简洁,使用简单,值得推荐。由于IE浏览器不支持transfor…
超酷jQuery 3D旋转木马效果轮播图插件 PetitQ 幻灯片/轮播 2018-11-02 1.36K 0 0 jCarrousel是一款炫酷且强大的3D旋转木马效果轮播图jQuery插件。该旋转木马插件可以自适应屏幕大小来调整图片的间距,可实现自动播放等。jCarrousel代码简洁,使用简单,值得推荐。由于IE浏览器不支持transfor…
jQuery+CSS3全屏缩放切换幻灯片特效 PetitQ 幻灯片/轮播 2018-11-06 1.29K 0 0 这是一款使用jQuery和CSS3来制作的超酷响应式缩放切换幻灯片特效。该幻灯片在切换的时候,当前slide会平滑缩小并移动,下一个slide会从缩小状态逐渐放大并移动到屏幕中间,效果非常的炫酷。 HTML结构: 该幻灯片的HTML…
jQuery+CSS3全屏缩放切换幻灯片特效 PetitQ 幻灯片/轮播 2018-11-06 1.29K 0 0 这是一款使用jQuery和CSS3来制作的超酷响应式缩放切换幻灯片特效。该幻灯片在切换的时候,当前slide会平滑缩小并移动,下一个slide会从缩小状态逐渐放大并移动到屏幕中间,效果非常的炫酷。 HTML结构: 该幻灯片的HTML…
jQuery+CSS3带倒影3D万花筒旋转动画 PetitQ 幻灯片/轮播 2018-11-07 1.57K 0 0 这是一款使用jQuery和CSS3来制作的炫酷的带倒影的3D万花筒旋转动画特效。该3D万花筒特效通过简单的CSS transform和jquery代码来实现在用户鼠标按下时,万花筒图片可以跟随鼠标进行3D旋转动画。 使用方法: 在页…
jQuery+CSS3带倒影3D万花筒旋转动画 PetitQ 幻灯片/轮播 2018-11-07 1.57K 0 0 这是一款使用jQuery和CSS3来制作的炫酷的带倒影的3D万花筒旋转动画特效。该3D万花筒特效通过简单的CSS transform和jquery代码来实现在用户鼠标按下时,万花筒图片可以跟随鼠标进行3D旋转动画。 使用方法: 在页…
环状旋转图文幻灯片轮播jQuery插件 PetitQ 幻灯片/轮播 2018-11-08 1.68K 0 1 这是一款jquery环状轮播图插件。该环状轮播图插件采用响应式设计,可以在移动手机设备上运行。它基于CSS3 transform和 clip-path属性,IE浏览器不支持这个插件。 使用方法 在页面中引入rotating-slid…
环状旋转图文幻灯片轮播jQuery插件 PetitQ 幻灯片/轮播 2018-11-08 1.68K 0 1 这是一款jquery环状轮播图插件。该环状轮播图插件采用响应式设计,可以在移动手机设备上运行。它基于CSS3 transform和 clip-path属性,IE浏览器不支持这个插件。 使用方法 在页面中引入rotating-slid…
滚动条圆形立体图片旋转滚动幻灯片 PetitQ 幻灯片/轮播 2018-11-19 2.21K 0 1 jquery幻灯片插件制作3D旋转木马图片旋转滚动,设置水平滚动条控制圆形立体图片旋转滚动。支持水平拖动滚动条图片旋转滚动。
滚动条圆形立体图片旋转滚动幻灯片 PetitQ 幻灯片/轮播 2018-11-19 2.21K 0 1 jquery幻灯片插件制作3D旋转木马图片旋转滚动,设置水平滚动条控制圆形立体图片旋转滚动。支持水平拖动滚动条图片旋转滚动。
带Ken Burns效果轮播图jQuery插件 PetitQ 幻灯片/轮播 2019-3-28 1.74K 0 0 这是一款带Ken Burns效果的jquery轮播图插件。该轮播图在每一幅图片显示的时候,都有从大到小变化,或从左到右运动等动画效果。 使用方法 在页面中引入subtle-slideshow.css、jquery和jquery.su…
带Ken Burns效果轮播图jQuery插件 PetitQ 幻灯片/轮播 2019-3-28 1.74K 0 0 这是一款带Ken Burns效果的jquery轮播图插件。该轮播图在每一幅图片显示的时候,都有从大到小变化,或从左到右运动等动画效果。 使用方法 在页面中引入subtle-slideshow.css、jquery和jquery.su…
html5 svg图片可3d旋转的扁平风格照片墙画廊 PetitQ 幻灯片/轮播 2022-1-29 890 0 0 这是一款使用html5 svg制作的扁平风格的照片墙画廊,用户可以通过画廊下方的导航按钮切换照片,每次会随机将一张图片放在画廊中间,并可通过旋转按钮使图片做3d旋转,以显示照片信息。
html5 svg图片可3d旋转的扁平风格照片墙画廊 PetitQ 幻灯片/轮播 2022-1-29 890 0 0 这是一款使用html5 svg制作的扁平风格的照片墙画廊,用户可以通过画廊下方的导航按钮切换照片,每次会随机将一张图片放在画廊中间,并可通过旋转按钮使图片做3d旋转,以显示照片信息。
炫酷Bootstrap美化Tabs选项卡特效 PetitQ Tab选项卡 2018-10-25 2.03K 0 0 这是一款炫酷Bootstrap美化Tabs选项卡特效。该选项卡特效基于Bootstrap原生Tab选项卡的基础上,使用CSS样式来进行美化,增加了tab标签的伸缩动画功能。 使用方法: 在页面中引入bootstrap相关文件和fon…
炫酷Bootstrap美化Tabs选项卡特效 PetitQ Tab选项卡 2018-10-25 2.03K 0 0 这是一款炫酷Bootstrap美化Tabs选项卡特效。该选项卡特效基于Bootstrap原生Tab选项卡的基础上,使用CSS样式来进行美化,增加了tab标签的伸缩动画功能。 使用方法: 在页面中引入bootstrap相关文件和fon…
仿Facebook切换表情符号jQuery插件 PetitQ 按钮图标 2018-10-27 1.50K 0 1 FaceMocion.js是一款仿Facebook切换表情符号的jQuery插件。该jQuery插件使用一张表情符号的雪碧图作为背景图片,通过jQuery和CSS3过渡效果制作出平滑过渡的表情符号切换效果,适合用于制作文章的点赞和评…
仿Facebook切换表情符号jQuery插件 PetitQ 按钮图标 2018-10-27 1.50K 0 1 FaceMocion.js是一款仿Facebook切换表情符号的jQuery插件。该jQuery插件使用一张表情符号的雪碧图作为背景图片,通过jQuery和CSS3过渡效果制作出平滑过渡的表情符号切换效果,适合用于制作文章的点赞和评…