作者归档:sxwgf

红色主题的jQuery电子商务二级下拉菜单

对于jQuery二级下拉菜单,我们之前已经分享过很多款了,比如这款jQuery二级下拉菜单 菜单简易实用CSS3多级下拉菜单 弹性展开下拉动画,大部分都是比较实用。今天要再为大家奉上一个非常实用的jQuery红色主题的二级下拉菜单,它非常实用在电子商务网站上使用。

jquery-rad-dropdown-menu

在线演示源码下载

jQuery层叠文字切换焦点图动画

之前我们介绍过很多基于jQuery和HTML5的焦点图动画插件,比如这款jQuery 3D翻转切换焦点图插件就非常有特色。这次就再分享一款十分有特色的jQuery层叠文字切换焦点图动画,效果也是很不错,不妨可以试试这款jQuery焦点图插件。

jquery-layered-text-player

在线演示源码下载

jQuery可拖拽旋转的3D图片墙

今天我们要来分享一款很炫酷的jQuery 3D图片墙,每一张图片围绕起来形成一个圆形的图片墙,而且图片周围有发光的动画特效。当我们拖拽图片时,即可以旋转所有图片,有一种3D立体的视觉效果。而且图片有倒影的特效,更显立体效果了。

jquery-3d-drag-image-player

在线演示源码下载

jQuery实现3D跑马灯动画特效

跑马灯动画在网页中特别常见,很多时候都用来在页面顶部或者底部滚动显示一些比较重要的公告和新闻动态。这种动画用jQuery实现非常简单,可能短短几句话就可以实现。但是今天要分享的这个jQuery跑马灯动画比较特别,它的滚动屏幕呈现3D立体的形状,非常不错。

jquery-3d-marquee

在线演示源码下载

CSS3六边形图片网格布局

上次介绍过一个图片的瀑布流布局方式,这次再来分享一个基于CSS3的六边形图片网格布局方式,利用CSS3特性将图片绘制成六边形,然后图片之间互相拼接起来,类似一个蜂巢。另外还有一个特点是,当鼠标滑过图片时,图片上方会出现说明性的文字。

css3-image-grid-layout

在线演示源码下载

CSS3鼠标滑过图片3D旋转动画

这是一款非常实用的CSS3鼠标滑过图片3D旋转动画,当鼠标滑过图片时,图片就会出现具有立体感的旋转动画,为什么说它实用,因为它不仅仅时视觉上的炫酷效果,而且旋转后出现文字介绍,因此很多场景都可以用到这款CSS3图片旋转插件。

css3-3d-image-rotate

在线演示源码下载

超漂亮的jQuery和Bootstrap进度条插件

这又是一款非常漂亮的网页进度条插件,它是基于jQuery脚本和Bootstrap样式的,形式和之前分享的CSS3彩色进度条加载动画 带进度百分比类似,但是外观有所不同。同样的这款进度条也有数字百分比显示在上方,因此可以很清楚地了解当前进度情况。

jquery-bootstrap-progressbar

在线演示源码下载

jQuery瀑布流布局 可拖拽交换元素

现在瀑布流布局形式非常流行,之前我们也分享过一款JavaScript结合CSS实现图片瀑布流布局,还是比较实用的。这次我们依然要为大家分享一款基于jQuery的瀑布流布局插件,不同的是,我们可以用鼠标拖拽瀑布流中的元素互相交换。

jquery-waterfalls-exchange

在线演示源码下载

jQuery雪人和下雪动画

今天我们要来分享一款非常欢乐的jQuery雪人和下雪动画,雪人是由一张图片形成,非常可爱。下雪的动画是由jQuery的动画特性来完成,随机大小和随机透明度的雪花从空中飘落,环绕在小雪人的四周显得格外宁静。

jquery-snow-animation

在线演示源码下载

HTML5文本输入框粒子动画特效

这次我们要为大家来分享一个非常炫酷的HTML5动画特效,它是一个输入框,当您在输入框输入文字的时候,输入框中就会出现很漂亮的粒子动画特效,并且输入框的四周边框将会出现发光的效果,效果很不错。

html5-text-input-animation

在线演示源码下载