这是一款非常有创意的jQuery和CSS3两栏滚动幻灯片特效。该幻灯片特效将图片分为两半,在图片滚动切换时一半向上滚动,一半向下滚动,就像图片被切割开一样,效果很酷。制作方法HTML结构每一幅幻灯片分为3个部分,第一部分是div.img-cont.left,这是图片的左半部分,第二部
2018-02-04 01:26jcSlider是一款基于animate.css的响应式jQuery轮播图插件。处于性能考虑,该轮播图插件没有使用jQuery animations,仅使用CSS3动画。它不需要计算图片的运动距离,尺寸等,只需要在相应的元素上添加或删除相应的class。它的特点有:只有一个js文件。压缩版本小于1KB。响应
2018-02-04 01:26这是一款效果非常炫酷的jQuery和CSS3星空动画特效。该星空特效模拟黄昏时分漫天星星移动的效果。整个特效仅使用少量的CSS和jQuery代码来完成,效果绝对的震撼。要观看最佳效果,请使用Chrome或Firefox浏览器来查看DEMO。制作方法HTML结构该星空特效的HTML结构采用一个空的
2018-02-04 01:26这是一款效果非常炫酷的jQuery和CSS3全屏视觉差幻灯片特效。该幻灯片采用半透明的遮罩层作为文字说明层。在幻灯片切换时,文字有动态放大的效果。图片和文字的移动形成了一种微妙的视觉差效果。制作方法HTML结构该幻灯片的HTML结构非常简单,使用嵌套div的HMTL结构。每一
2018-02-04 01:26这是一款codrops出品的带过滤功能的响应式商品网格瀑布流布局插件。该网格瀑布流布局中每个网格中有一幻灯片的方式展示多幅图片。在页面下方有产品的分类过滤按钮,点击后可以过滤出相应的产品,非常实用。该瀑布流布局中每个网格使用的幻灯片效果采用Flickity插件来制作
2018-02-04 01:26shadowtext是一款可以可以进行鼠标互动的文字阴影特效jQuery插件。使用该插件可以制作各种文字阴影效果,并且在鼠标移动到文字上面的时候,文字阴影会随着鼠标而变化,效果非常不错。使用方法使用该文字阴影特效要引入jQuery和jquery.shadowtext.js文件。script src="jqu
2018-02-04 01:26这是一款仿照微软Xbox One样式的消息框制作的jQuery和CSS3通知消息框特效。该消息框分为三个部分,每个部分在消息框被激活时将依次打开,再依次关闭,效果非常的酷。制作方法HTML结构该消息框的HTML结构如下,主要结构分为三个部分:div.impact,div.message-container和
2018-02-04 01:26Quttons是一款谷歌Quantum Paper风格按钮变形动画特效jQuery插件。Quantum Paper(量子纸)是一种新的谷歌Material Design语言。它可以改变大小、形状和颜色以容纳新的内容。该插件使用按钮来模拟量子纸效果,效果非常炫酷。插件依赖jQueryVelocity.js with UI Pack使用方
2018-02-04 01:26jParticle是一款可以用鼠标进行互动的粒子动画特效jQuery插件。该粒子动画特效是在canvas中使用requestAnimationFrame来制作。插件中提供大量参数用于设置粒子的大小,颜色,速度和连线等等属性。使用方法使用这个粒子动画效果需要引入jQuery和jparticle.jquery.min.js文
2018-02-04 01:26这是一款效果非常炫酷的jQuery和CSS3可互动的3D背景视觉差特效。该视觉差特效将几组图片分布在屏幕的不同地方,各组图片与背景图片之间有非常强烈的视觉差效果。当鼠标移动的时候,最接近鼠标的一组图片会被放大。制作方法HTML结构该背景视觉差特效将整个界面分为两层:一
2018-02-04 01:26这是一款效果非常炫酷的响应式分层动画jQuery幻灯片特效。该幻灯片每一组动画分为多个层,每一层可以使用不同的动画效果,共有18种不同的效果可以选择。所有的动画效果都是通过js来在页面中插入CSS代码来实现的。使用方法使用该幻灯片前先要引入jQuery和responsive-layer
2018-02-04 01:26thumbnail-scroller是一款非常实用的jQuery多功能滚动预览缩略图特效插件。该滚动预览缩略图可以单独使用,也可以和lightbox或图片画廊等一起使用。它的效果中,所有缩略图被制作为长条,通过点击前后导航按钮或将鼠标放在长条缩略图上进行前后图片预览。它的特点有:可以
2018-02-04 01:26combo-select是一款jQuery支键盘控制和列表选项搜索的下拉列表框jQuery插件。该下拉列表框插件支持键盘控制,支持在列表选项中进行搜索过滤。在移动数据和平板电脑上会回退为原生的select列表框。它的特点有:可以对下拉列表选项进行搜索过滤。对移动手机和平板电脑友好(
2018-02-04 01:26这是一款基于Velocity.js和CSS3制作的效果非常炫酷的滚动页面特效。这个特效中有7种不同的页面滚动效果,分别是:缩放、旋转、画廊、跟随、透明度、固定位置和视觉差效果。注意该页面滚动特效在小屏幕的设备上是没有效果的,在这些屏幕中页面只会正常的上下滚动。制作方法
2018-02-04 01:26这是一款非常有创意的jQuery和CSS3带弹性效果的下拉框特效。这个下拉框使用嵌套的div来制作,它可以像下拉框一样展开,并且采用扁平化的设计风格,在用户选择某一个列表项后还有一些很酷的弹性效果。制作方法HTML结构该下拉框特效的HTML结构使用嵌套的div结构,每一个div
2018-02-04 01:26这是一款简单实用的jQuery tooltip插件。该tooltip插件提供很多参数让你可以控制tooltip的位置、大小、内容和动画等属性,并且还可以设置tooltip的倒计时消失效果,既简单有非常的实用。使用方法首先要在页面中引入jQuery、tooltip.js和tooltip.css文件。script src="/pa
2018-02-04 01:26这是一款使用jQuery和CSS3制作的效果超炫的3D整屏垂直滚动页面特效。该页面滚动特效在用户滚动鼠标或点击右侧的导航圆点按钮时,当前页面会3D倾斜缩小,下一个页面会逐渐放大并占满整个屏幕,效果非常酷。制作方法HTML结构该特效使用嵌套div的HTML结构,每一个div.page是
2018-02-04 01:26Chipmunk-js是一款用于模拟物理作用力和重力效应的js插件库。这个js库可以模拟很多物理作用力效果,如物体碰撞,物体受力运动,各种弹力,重力,浮力等。使用方法在HTML上使用script src="cp.min.js"/scriptscriptvar space = new cp.Space();space.addBody(new cp.Body(
2018-02-04 01:263dEye是一款非常实用的360度产品3D旋转展示特效jQuery插件。通过使用这个插件你可以向用户全方位展示你的商品。用户可以通过鼠标来旋转商品图片,从不同的角度观察商品,对于用户来说是非常好的体验。3dEye插件支持所有的现代浏览器和移动手机设备(Android & iOS)。使用
2018-02-04 01:26这是一款效果非常炫酷的jQuery和CSS3全屏开关门切换页面特效。该页面切换特效可以使用鼠标上下滚动来切换页面。向下滚动时页面像开门一样从中间展开展示下一页,向上滚动时页面像关门一样从两侧收缩展示上一页。制作方法HTML结构该页面切换特效的HTML结构非常简单。使用一
2018-02-04 01:26