作者归档:sxwgf

精美的jQuery首屏产品展示焦点图插件

这是一款非常精美而简洁的jQuery产品展示焦点图插件,首先图片的切换过渡动画采用淡入淡出的动画特效,其次图片上方左右悬浮两个切换按钮,当鼠标滑过图片时,这两个切换按钮就会显示出来。同时我们也可以点击图片下方的一排按钮切换到任意一张图片。

jquery-product-slider

在线演示源码下载

jQuery简易清新Tab菜单插件 可初始化多个实例

不久前我们分享过一款轻巧可爱的jQuery Tab菜单插,外观非常个性化。这次我们同样要为大家介绍一款基于jQuery的Tab菜单插件,这款jQuery Tab插件非常简单,唯一的CSS渲染就在Tab菜单项的边框颜色。另外,这款Tab插件还可以同时实例化多个菜单实例,因此比较实用。

jquery-easy-tab-menu

在线演示源码下载

8款炫酷HTML5 Canvas星空背景动画

今天我们要给大家分享一个基于HTML5 Canvas的星空背景动画,动画主要模拟了星空背景快速运动的视觉效果。只要我们将鼠标滑过星空,星空就会加速运动,看上去非常炫酷。同时,一共有8种不同的星空动画,我们可以将这款动画用作自己的博客背景。

html5-canvas-star-animation

在线演示源码下载

jQuery自定义下拉框选择菜单 支持右键弹出菜单

之前我们分享过几款简单的jQuery右键菜单插件,比如超实用jQuery右键菜单 可自定义菜单弹出区域基于Bootstrap外观的JavaScript右键菜单插件,都比较实用。这次我们要分享一款基于jQuery的自定义下拉框选择菜单,这款下拉菜单同样也支持弹出右键菜单,同时,这款菜单还支持搜索过滤菜单项,功能无比的强大,你可以下载源码试试。

jquery-dropdown-contextmenu

在线演示源码下载

炫酷实用的CSS3 3D垂直手风琴菜单

之前我们分享过很多款基于CSS3和jQuery的手风琴菜单,比如这款jQuery带小图标手风琴垂直菜单纯CSS3实现垂直手风琴菜单都非常不错。但是今天要分享的这款手风琴菜单比较特别,整体外观呈现3D的视觉效果,切换菜单项时,菜单项也出现3D的切换效果,所以说这款CSS3手风琴菜单不仅外观高大上,而且也挺实用。

css3-3d-accordion-menu

在线演示源码下载

SVG玫瑰花盛开动画

SVG还是很强大的,我们之前也分享过很多利用SVG绘制出来的各种动画特效。比如超炫酷的SVG轮船行驶动画HTML5 SVG圆形钢琴动画都是用SVG实现的超酷动画。今天我们要分享另外一款基于SVG的玫瑰花盛开动画,当鼠标滑过玫瑰花时,玫瑰花就会缓缓盛开,情景非常浪漫。

svg-bloom-rose

在线演示源码下载

jQuery/CSS3动感实用的进度条插件 10种漂亮外观

最近这两天一直在为大家分享一些HTML5、CSS和SVG的炫酷动画,说实在并不是特别实用。这次我们来介绍一款实用的jQuery进度条插件,这款jQuery进度条插件的外观利用了CSS3的特性,让进度条外观显得非常时尚漂亮,一共有10种样式,非常实用。

jquery-css3-10-progressbar

在线演示源码下载

HTML5 Canvas 蓝色3D钻石旋转动画

今天我们要在HTML5 Canvas画布上绘制一颗高贵典雅的蓝色3D钻石,我们在Canvas画布上通过绘制很多个不同大小的多边形组成了一颗钻石,然后通过CSS3的颜色渐变特性让钻石的表面产生白色发光的特效,同样再利用CSS3的动画属性让钻石不停地旋转,展现出3D的视觉效果,非常炫酷。

html5-canvas-3d-diamond

在线演示源码下载

jQuery/CSS3天气预报插件 可切换城市

之前我们向大家分享过一款非常高端的HTML5 SVG天气预报动画卡片,可以对不同的天气模拟相应的画面。今天我们要介绍的同样是一个播报天气预报的界面,使用jQuery和CSS3技术实现,与前一个不同的是,这款jQuery天气预报插件的特点在于可以动态切换城市,通过天气预报网站相关接口数据的读取来显示不同城市的天气情况,同时插件还可以设置天气预报界面需要显示的相关元素。

jquery-css3-city-weather

在线演示源码下载

7款超华丽的HTML5 Canvas文字动画特效

文字是网页中最为常见的元素之一,当然我们使用最多的就是调整文字的颜色、大小等基本属性。有时候我们在一些活动页面上需要展示特别样式的文字效果,这时候我们就可以利用HTML5或者CSS3结合的方式来渲染文字的动画特效。本文就总结了7款超华丽的HTML5 Canvas文字动画特效,可以让你的页面更加的活灵活现,充满梦幻的色彩。

1、HTML5 Canvas幻彩火焰文字特效

之前我们分享过很多基于HTML5 Canvas的火焰渲染动画特效,比如这款HTML5 Canvas炫酷的火焰风暴动画和这个HTML5动感的火焰燃烧动画特效。这次来分享一款很特别的HTML5文字特效,文字同时是利用火焰来渲染的,并且燃烧的文字火焰还可以随时改变颜色,让文字更显幻彩。

html5-canvas-colorful-text

在线演示   源码下载

2、超华丽CSS3 3D五彩发光文字动画

不久前我们已经为大家介绍过一些炫酷的CSS3文字动画和HTML5文字特效,有些都非常不错,比如最近刚分享的CSS3文字跳动旋转动画以及HTML5 Canvas幻彩火焰文字特效。这次我们要来看一款纯CSS3实现的3D五彩发光文字动画,文字呈现3D立体的视觉效果,[......]

阅读全文>>