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%宽是文字。这种模式…
支持移动触摸屏响应式jQuery幻灯片插件 PetitQ 幻灯片/轮播 2018-11-01 1.67K 0 0 Unslider是一款简单实用的支持移动触摸设备的响应式jQuery幻灯片插件。该幻灯片插件支持所有的现代浏览器,支持键盘导航,支持移动触摸,并且幻灯片图片是响应式的。 使用方法: 首先要引入jQuery和unslider.js文件…
支持移动触摸屏响应式jQuery幻灯片插件 PetitQ 幻灯片/轮播 2018-11-01 1.67K 0 0 Unslider是一款简单实用的支持移动触摸设备的响应式jQuery幻灯片插件。该幻灯片插件支持所有的现代浏览器,支持键盘导航,支持移动触摸,并且幻灯片图片是响应式的。 使用方法: 首先要引入jQuery和unslider.js文件…
三面板布局图片轮播jQuery特效 PetitQ 幻灯片/轮播 2018-11-08 1.69K 0 0 这是一款三面板布局js图片轮播特效。该特效中,轮播图片分为左中右三个面板,中间展示的的大图,两侧显示小图。当点击小图时,通过TweenMax制作动画,将它展示到中间。由于该特效中使用了CSS变量,所以不是所以的浏览器都支持该特效。另…
三面板布局图片轮播jQuery特效 PetitQ 幻灯片/轮播 2018-11-08 1.69K 0 0 这是一款三面板布局js图片轮播特效。该特效中,轮播图片分为左中右三个面板,中间展示的的大图,两侧显示小图。当点击小图时,通过TweenMax制作动画,将它展示到中间。由于该特效中使用了CSS变量,所以不是所以的浏览器都支持该特效。另…
简单全屏jquery图片轮播插件 PetitQ 幻灯片/轮播 2018-10-22 1.71K 0 1 Flickerplate是一个jquery图片轮播插件。使用时需要使用Modernizr来做触摸检测,所以必须引入jQuery和Modernizr。 引入必要的js文件和css文件 // Required javascript //…
简单全屏jquery图片轮播插件 PetitQ 幻灯片/轮播 2018-10-22 1.71K 0 1 Flickerplate是一个jquery图片轮播插件。使用时需要使用Modernizr来做触摸检测,所以必须引入jQuery和Modernizr。 引入必要的js文件和css文件 // Required javascript //…
jquery无限循环图片滑块插件 PetitQ 幻灯片/轮播 2018-10-22 1.62K 0 0 jquery.contentcarousel是一个能够制作出无限循环展示的jQuery内容滑块插件。这个内容滑块插件的下方还有一个“more”内容块,点击它可以调出更详细的文字说明。使用者可以通过点击前后导航按钮或用鼠标前后滚动来控…
jquery无限循环图片滑块插件 PetitQ 幻灯片/轮播 2018-10-22 1.62K 0 0 jquery.contentcarousel是一个能够制作出无限循环展示的jQuery内容滑块插件。这个内容滑块插件的下方还有一个“more”内容块,点击它可以调出更详细的文字说明。使用者可以通过点击前后导航按钮或用鼠标前后滚动来控…
基于TweenMax的超酷全屏轮播图特效 PetitQ 布局框架, 幻灯片/轮播 2019-4-09 1.80K 0 0 这是一款基于TweenMax的超酷全屏轮播图特效。该轮播图特效以倾斜式无限轮播的方式进行展示,非常炫酷。该特效中使用了一些最新的CSS特效,需要在支持它们的浏览器中才能看到效果。下面是该特效的一些屏幕截图效果。 Github网址:h…
基于TweenMax的超酷全屏轮播图特效 PetitQ 布局框架, 幻灯片/轮播 2019-4-09 1.80K 0 0 这是一款基于TweenMax的超酷全屏轮播图特效。该轮播图特效以倾斜式无限轮播的方式进行展示,非常炫酷。该特效中使用了一些最新的CSS特效,需要在支持它们的浏览器中才能看到效果。下面是该特效的一些屏幕截图效果。 Github网址:h…
SliderBox - 新闻类轮播图jQuery插件 PetitQ 幻灯片/轮播 2018-11-08 1.86K 0 0 sliderBox.js是一款jQuery新闻类轮播图插件。该jQuery新闻类轮播图插件可以创建兼容ie8、带缩略图导航、以及多种过渡效果的轮播图。 使用方法 在页面中引入jQuery、slider-box.min.js、slid…
SliderBox - 新闻类轮播图jQuery插件 PetitQ 幻灯片/轮播 2018-11-08 1.86K 0 0 sliderBox.js是一款jQuery新闻类轮播图插件。该jQuery新闻类轮播图插件可以创建兼容ie8、带缩略图导航、以及多种过渡效果的轮播图。 使用方法 在页面中引入jQuery、slider-box.min.js、slid…
纯CSS3响应式背景视觉差幻灯片插件 PetitQ 幻灯片/轮播 2019-1-18 1.68K 0 0 这是一款使用纯css3打造的响应式背景视觉差幻灯片插件。该视觉差幻灯片插件中背景在幻灯片切换时不断移动并变换颜色,其移动速度比其他元素慢,形成一种炫酷的视觉差效果。插件中使用radio按钮和兄弟选择器来控制幻灯片的切换。插件中使用了…
纯CSS3响应式背景视觉差幻灯片插件 PetitQ 幻灯片/轮播 2019-1-18 1.68K 0 0 这是一款使用纯css3打造的响应式背景视觉差幻灯片插件。该视觉差幻灯片插件中背景在幻灯片切换时不断移动并变换颜色,其移动速度比其他元素慢,形成一种炫酷的视觉差效果。插件中使用radio按钮和兄弟选择器来控制幻灯片的切换。插件中使用了…
画廊图片展示文件项目UI界面设计 PetitQ 幻灯片/轮播 2019-1-24 1.51K 0 1 这是一款非常有创意的以图片画廊形式展示文件项目UI界面设计效果。该效果在第一个界面上有一个“显示项目”按钮,用户点击后可进入图片画廊界面,每一个项目以图片的方式滑动显示,点击相应的图片又会进入相应的项目介绍页面。该文件展示效果设计在…
画廊图片展示文件项目UI界面设计 PetitQ 幻灯片/轮播 2019-1-24 1.51K 0 1 这是一款非常有创意的以图片画廊形式展示文件项目UI界面设计效果。该效果在第一个界面上有一个“显示项目”按钮,用户点击后可进入图片画廊界面,每一个项目以图片的方式滑动显示,点击相应的图片又会进入相应的项目介绍页面。该文件展示效果设计在…
Vmc Slider - 带多种过渡特效jQuery幻灯片插件 PetitQ 幻灯片/轮播 2018-11-02 1.42K 0 0 Vmc Slider 是一款带多种过渡特效的jQuery幻灯片插件,该幻灯片内置了20种场景转换特效,可以帮助你轻松实现漂亮的图片切换效果。并且它支持包括IE6在内的多种浏览器,非常的实用。该幻灯片插件的特点还有: 支持左右箭头和圆…
Vmc Slider - 带多种过渡特效jQuery幻灯片插件 PetitQ 幻灯片/轮播 2018-11-02 1.42K 0 0 Vmc Slider 是一款带多种过渡特效的jQuery幻灯片插件,该幻灯片内置了20种场景转换特效,可以帮助你轻松实现漂亮的图片切换效果。并且它支持包括IE6在内的多种浏览器,非常的实用。该幻灯片插件的特点还有: 支持左右箭头和圆…
awesome-slider 支持移动端的纯轮播图插件 PetitQ 幻灯片/轮播 2019-6-21 2.27K 0 0 awesome-slider是一款支持移动端的纯js轮播图插件。该轮播图插件支持任何HTML标签,可以自定义分页标签和Loading效果,支持在前端框架如react中使用。 使用方法 /* yarn */ yarn add awes…
awesome-slider 支持移动端的纯轮播图插件 PetitQ 幻灯片/轮播 2019-6-21 2.27K 0 0 awesome-slider是一款支持移动端的纯js轮播图插件。该轮播图插件支持任何HTML标签,可以自定义分页标签和Loading效果,支持在前端框架如react中使用。 使用方法 /* yarn */ yarn add awes…