5个可爱的CSS3 Loading加载动画
之前我们分享过很多漂亮的CSS3 Loading加载动画，印象最深的要算这款CSS3 Loading进度条加载动画特效 3款绚丽风格。这次要给大家介绍的是另外一款可爱的CSS3 Loading动画，一共有5种动画类型，每组Loading动画都非常有创意。接下来我们一起来看看实现这几款Loading动画的CSS3代码。divclass=loaderloader--audioWave/div div...
css3
jQuery书本翻页3D动画特效
记得以前我们有介绍过不少书本翻页的动画，比如这款CSS3书本翻页动画，制作就非常逼真。今天要分享的这款jQuery书本翻页3D动画功能更加强大，可以支持任意数量页的翻阅，并且也有非常美观的视觉效果。书本的内容支持任意HTML元素，相当灵活。...
CSS3垂直手风琴折叠菜单
之前我们已经分享过很多关于手风琴菜单了，有水平方向的，也有垂直方向的。今天要分享的这款CSS3垂直手风琴折叠菜单也非常不错，这款CSS3手风琴菜单的每一个菜单项都有小图标，而且只能有一项展开，更有意思的是，在菜单折叠和展开式右侧的箭头也会有不错的动画效果。...
jQuery横向手风琴图片展示插件
今天我们要来介绍一款非常酷的jQuery插件，它是一款横向的手风琴图片展示切换插件，每一张图片初始都是水平层叠在一起，点击图片后即可切换至下一张，并且在图片切换时出现水平移动的动画特效。另外你可以定义任意数量的图片应用在这个手风琴图片插件中。...
纯CSS3绘制的火龙图像
这又是一款用纯CSS3绘制的动画特效，这次是一个纯CSS3绘制的火龙图像，整条龙没有使用一张图片，完全利用了CSS3的特性。小火龙的样子还是挺逼真的，大家觉得呢？...
纯CSS3绘图,CSS
HTML5动感的火焰燃烧动画特效
这又是一款基于HTML5的超炫动画特效，是一款动感的火焰燃烧动画效果。这款HTML5动画火焰燃烧非常逼真，之前我们也分享过一些其他的HTML5火焰燃烧动画，比如：HTML5 Canvas火焰燃烧动画和纯CSS3实现打火机火焰动画。一般像这样的HTML5动画都是基于Canvas的，今天的这款也不例外。接下来我们要简单分析一下实现这款HTML5火焰燃烧动画的具体步骤和代码，主要由HTML代码、CSS代...
HTML5动画,动画特效
3D版HTML5模拟衣服撕扯动画
还记得很早以前向大家分享的这款HTML5 Canvas模拟衣服撕扯动画吗？这绝对是一款非常具有创意而且很好玩的HTML5动画。今天我们来分享一下它的3D版本，在原来的基础上，衣服布料呈3D环形显示，你同样可以用鼠标拖拽衣服，不过和之前不同的是，鼠标左键用来拖拽衣服，鼠标右键用来切割衣服，失去了之前鼠标用力程度和衣服破碎程度的关系，似乎功能上有所缺失，但是HTML5 3D功能还是不错的。下面我们来简...
Html5,3D
HTML5火球挡板碰撞动画游戏
今天我们要再来分享一款超酷的HTML5火球挡板碰撞动画游戏。屏幕上有一个火球在不停的运动，你可以移动鼠标滑动屏幕下方的挡板，火球碰撞到挡板后，即可反弹出去，这是个很有特色的HTML5游戏。...
HTML5,动画游戏
jQuery矢量SVG地图插件JVectorMap
JVectorMap是一款基于jQuery的矢量地图插件，它是基于SVG结构的，和其他jQuery地图插件不同的是，jVectorMap是矢量地图，但是它同样支持地图缩放和地图平面移动等相应的功能。由于JVectorMap是基于jQuery的，所以支持大部分主流的浏览器，应用也相当广泛。...
地图插件,Jquery
JavaScript日期选择控件Kalendae
今天我们要来分享一款简单而实用的JavaScript日期选择控件，名叫Kalendae。它的外观虽然很普通，但是功能很强大，不仅可以当日历组件，也可以当做日期选择控件。而且可以同时展示多个日期选择控件，效果非常不错。...
JavaScript,日期控件
Jquery商品抢购倒计时代码
核心代码varfunctions={ ShowCountDown:function(ld,lh,lm,ls,divname) { lh=parseInt(lh); lm=parseInt(lm); ls=parseInt(ls); --ls; if(ld=0lh=0lm=0ls=0){ vartxt=spanstyle=margin-l...
Jquery,倒计时
Jquery 带略缩图和标题幻灯切换
核心代码$(document).ready(function(){ varcurrentIndex=0; varDEMO;//函数对象 varcurrentID=0;//取得鼠标下方的对象ID varpictureID=0;//索引ID $(#ifocus_piclistli).eq(0).show();//默认 autoScroll(); $(#ifocus_btnli).ho...
幻灯片,Jquery插件
jquery智能手机版相册滑动切换插件
核心代码/* 原理：1.把所有的li的高度值放到数组里面 2.第一行的top都为0 3.计算高度值最小的值是哪个li 4.把接下来的li放到那个li的下面 */ varimg_w=$(window).width();//获取屏幕当前宽度 varimg_w_w=img_w*0.47;//设置图片宽度 $(.gallery-itemimg).width(img_w_w); varma...
移动web版,手机版相册滑动
网友疯子分享Jquery触屏手机拖拽幻灯片
//JavaScriptDocument $(document).ready(function(){ //幻灯片的宽度和高度 varScaleW=600,ScaleH=300; $(#BanContli).each(function(){ $(this).css({height:parseInt($(window).width()/ScaleW*ScaleH)}); $(t...
触屏拖拽幻灯片,Jquery
