今天要给大家推荐一款基于jquery的鼠标经过图片列表特效。当鼠标经过列表图片的时候，图片放大，且有一个半透明的遮罩层随之移动。效果图如下：在线预览   源码下载实现的代码html代码：<h1>DirectionAwareHover</h1><divclass...

今天给大家分享一款基于css3和jquery实现的动画弹出层。这款弹出层初页面面一个显示弹出层按钮。单击该按钮时，弹出层以非常炫的动画形式出现。弹出层有关闭按钮，单击半闭按钮，弹出层关闭。效果图如下：在线预览   源码下载实现的代码。html代码:<divclass="papersh...

之前我们也已经分享过不少jQuery日历插件，有些应用了CSS3的特性，外观就特别漂亮。今天要分享的这款jQuery日历插件不仅有着绚丽的外观，而且带有日期事件记录功能，点击日期即可展开事件记录窗口，你可以设置事件的描述以及提醒的时间，是一款相对实用的jQuery日历插件。在线预览   源...

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

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

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

今天给大家分享一款基于jquery和svg超炫的网页动画。这款动画效果非常炫。下面还有重播、慢速、和反向动画按钮。效果非常漂亮。一起看下效果图：在线预览   源码下载实现的代码。html代码：<divid="intro"><svgxmlns="http://www.w3....

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

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

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

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

今天要各网友分享一款基于jquery的手风琴显示详情实例。当单击顶部箭头的时候，该项以手风琴的形式展示显示详情。效果图如下：在线预览   源码下载实现的代码。html代码：<divalign="center"><spanclass="openzone"zone="lest...

今天要给大家分享一款基于jqueryui的动画提交表单。这款提交表单的的效果是以动画的形式依次列表所需填写的信息。效果非常不错，效果图如下：在线预览   源码下载实现的代码。html代码：<divalign="center"><formid="myform"><...

今天要给大家分享一款基于jquery的手风琴图片展示效果。这款图片的展示效果鼠标经过前是灰色的，当鼠标经过时图片变大且变为彩色。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="page-container"><divclass="flex...

今天给大家分享一款基于jquery固定于顶部的导航，这款导航当浏览器滚动条位于顶部时，导航高度较高，当浏览器滚动向下滚动时，导航高度自动减低，并位于顶部。效果图如下：在线预览   源码下载实现的代码：html代码：<divid="page"><divid="toolbar...