之前为大家分享了好多款jquery插件，今天我们要分享的一款jQuery插件也比较实用，是一款jQuery焦点图插件。焦点图相当普通，一共可以循环播放4张图片，并且每一张图片在切换的时候都是向下滑动的切换效果，并且在向下切换时产生弹性的动画特效，另外，插件是基于jQuery的，各种浏览器的兼容性应该还不错。在线预览&n...

之前为大家分享了很多jquery和css3的动画实例。今天给大家带来一款非常炫的jquery和css3实现的卡通人物动画特效。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="wrapper"><divclass="border-circl...

今天要分享的jQuery焦点图插件非常适合展示热点新闻，之前我们分享过好多基于jQuery的焦点图插件，效果都还很不错。它可以在图片上方展示文字标题，并且焦点图的切换按钮时tab风格的，图片切换也十分流畅。效果图如下：在线预览   源码下载html代码：<divclass="msn-...

今天给大家带来一款纯css3实现的tab选项卡。单击左侧的选项的时候，右侧内容以动画的形式展示。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="night-tabsnight-tabs-color-defaultnight-tabs-animatio...

今天给大家分享一款超炫的图片排列特效。页面加载时。图片纵向堆叠在页面中，当鼠标单击toggle按钮时，图片依次展开。铺满整个网页。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="t-container"><divclass="t-cont...

今天给大家带来一款纯css3实现的发光屏幕旋转特效。该屏幕由纯css3实现带发光旋转特效，效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="screen"></div>css3代码：*{margin:0;padding:0;}*,*:...

今天要给大家分享一款纯css3实现的超炫3D表单。该特效页面的加载的时候3d四十五度倾斜，当鼠标经过的时候表单动画回正。效果非常炫，一起看下效果图：在线预览   源码下载实现的代码。html代码：<divid="face"><divid="content"><...

之前为大家分享了那些创意有趣的404页面， html5和css3打造一款创意404页面， HTML5可爱的404页面动画很逗的机器人。今天再给大家分享一款纯css3实现的漂亮的404页面。效果图如下：在线预览   源码下载实现的代码。html代码：<section...

今天我们要介绍一款比较特别的jQuery图片滑块插件，它不仅在PC浏览器上可以使用，而且更适合在手机端的网页中使用。这款jQuery插件不仅可以定义图片切换的方向，而且可以即时切换图片切换的动画方式，可以有平移、翻转、旋转和幻灯片模式，动画效果非常不错。在线预览   源码下载实现的代码：&...

今天给大家分享一款基于jQuery可放大预览的图片滑块插件。这款jQuery焦点图插件的特点是可以横向左右滑动图片，并且点击图片可以进行放大预览，唯一的缺陷是这款焦点图并不能循环切换，如果你有较好的JavaScript功底，可以自己修改代码来实现这一功能。效果图如下：在线预览   源码下载...

之前为大家分享了 推荐10款纯css3实现的实用按钮。今天给大家带来一款基于css3的动画按钮。实现的效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="share-buttons"><divclass="share-button"...

今天给大家分享一款基于jquery和css3的头像恶搞特效。这款实例中，一个头像在画面中跳舞，头像还有可爱的帽子，单击下面的按钮可以为头像切换不同的帽子。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="wwiaftm-container">&l...

前面给大家分享过 一款基于jqueryui漂亮的可拖动div实例，今天给大家分享一款基于TweenMax跟随鼠标单击移动的div。在这款实例中你可以单击任意位置，div会移动到你单击的位置。效果图如下：在线预览   源码下载实现的代码。html代码：<htmlng-app=...

今天给大家分享一款纯css3实现的动画按钮。第一排的按钮当鼠标经过的背景色动画切换，图标从右侧飞入，第二排的按钮当鼠标经过的时候边框动画切换，图标右侧飞入，效果非常好，一起看下效果图：在线预览   源码下载实现的代码。html代码：<divclass="black"><a...

今天给大家分享一款基于jquery和css3的响应式二级导航菜单，这款导航是传统的基于顶部，鼠标经过的时候显示二级导航，还采用了当前流行的响应式设计。效果图如下：在线预览   源码下载实现的代码。html代码：<divid="header"><divclass="logo...