作者归档:sxwgf

基于YUI的酒店入住日历选择插件

今天要为大家介绍一个非常实用的日历插件,日历插件是基于YUI框架的,和一般日历不一样,这款日历插件主要用来酒店入住和离开时选择相应日期用的,因为其特殊的用户,所以日历在设计上可以同时显示2-3个月的日期,并且可以在日历上显示当天酒店房间的数量以及价格,如果你正在开发一个旅游相关的网站或应用,那么这款日历插件或许对你有所帮助。

yui-hotel-calendar

在线演示源码下载

HTML5/CSS3实现闪烁霓虹灯文字特效

今天我们要给大家分享一款非常惊艳的HTML5/CSS3文字特效,闪烁的霓虹灯动画特效就是这款文字最让人震撼的地方。这个HTML5文字动画有几个特点:1、文字带有闪烁的霓虹灯动画,且文字选中时也有很酷的动画特效;2、文字可动态输入,且输入的文字实时渲染霓虹灯特效。关于HTML5文字动画特效,大家也可以回顾一下之前分享的14款震撼人心的HTML5文字特效

html5-shimmering-neon-text

在线演示源码下载

HTML5 Canvas下雨动画 可控制风向和雨水强度

今天我们要分享一款非常炫酷的HTML5 Canvas动画特效,这款动画主要是模拟了下雨的场景,雨滴从空中飘落,落在地上溅起水花,整个过程模拟得相当逼真。更重要的是,这款HTML5下雨动画还可以通过鼠标控制风向和雨水强度,鼠标左右滑动控制雨滴方向,鼠标上下滑动控制雨滴密度,大家可以在演示页面上试试。

html5-canvas-rain

在线演示源码下载

HTML5 Canvas环形数字时钟 精确到毫秒

之前我们分享过很多非常富有创意的jQuery时钟和HTML5时钟,比如这款超富创意的纯CSS3圆形数字时钟插件,比可以看看这款HTML5 Canvas 3种不同风格的圆盘时钟。这次我们要分享的也是一款基于HTML5 Canvas的环形数字时钟,它的另外一个特点是可以精确到毫秒,环形指针也有发光的视觉效果。

html5-canvas-circle-digit-clock

在线演示源码下载

CSS3小猫咪挂在绳索上摇摆动画

今天我们要给大家分享一款超萌的CSS3小猫咪动画特效,一只银白色的可爱小猫咪挂在绳索上,不停地左右摇摆,眼睛一眨一眨,尾巴摇摇摆摆,显得非常可爱。小猫咪是通过CSS3绘制的,摇摆的动画特效也是通过CSS3动画相关特性实现的。

css3-cat-swinging

在线演示源码下载

jQuery实现一个挂在墙上的圆盘时钟动画

今天我们要给大家介绍一款基于jQuery的圆盘时钟动画,首先时钟是可以正确显示当前本地时间的,而且也可以随着本地时间实时更新。其次这款时钟与前面分享的HTML5仿Apple Watch时钟动画不同的是,这个时钟呈现出挂在墙上的效果,看上去比较简洁和美观。

jquery-clock-on-wall

在线演示源码下载

CSS3 3D相册架子 可分层切换展示

之前我们为大家分享过很多样式各异的HTML5 3D相册,比如这款3D照片墙HTML5 3D立体图片相册就非常炫酷。这次分享的也是一款3D相册,不过它更多展示的是相册架子,怎么说呢,它不能像前面那款那样展示图片,而是分层切换展示每一层架子上的相册。

css3-3d-gallery-shelf

在线演示源码下载

HTML5 WebGL绚丽五彩流体模拟动画

WebGL是目前最为流行的3D绘图协议,我们之前也分享过一款很酷的HTML5 WebGL水波模拟动画HTML5 WebGL粒子爆炸动画。这次我们要分享一款基于HTML5 WebGL的绚丽五彩流体模拟动画,我们可以在画布上点击鼠标,拖动鼠标后释放,即可看到不同色彩的流体从产生到消失的动画特效,看上去非常绚丽。

html5-webgl-fluid-animation

在线演示源码下载

jQuery带小图标手风琴垂直菜单

这是一款非常实用的jQuery手风琴垂直菜单,它的特点是每一个菜单项左侧都有一个描述相应功能的小图标。类似的手风琴菜单还有很多,比如这款CSS3垂直手风琴折叠菜单就十分强大,也比如这款CSS3手风琴下拉菜单支持多个菜单项同时展开。

jquery-accordion-with-icon

在线演示源码下载

CSS3 3D足球队员对战布局图

这是一个不是很有用但却有点意思的CSS3 3D动画,这个动画主要是主场客场双方足球队的队员布局安排图,画面上呈现了一个3D足球场,双方队员的头像会出现在不同位置,点击每一位队员即可弹出该球员的详细信息。

css3-3d-football-field

在线演示源码下载