2014年响应式设计成为设计主流。今天要给大家带来一款由css3和jquery实现的响应式设计导航。当显示器为pc时，导航为横条。当客户端为移动端时，呈现坚形导航。我们一起看下效果图： 在线预览   源码下载 实现的代码。html代码：<header><...

今天要为大家绍一款由jquery实现的鼠标单击出现水波特效。用鼠标猛点击页面，你可以看到页面不断出面水波纹效果。然后水波纹渐渐消失。效果非常不错。我们一起看下效果图： 在线预览   源码下载 实现的代码。html代码：<divid="container">&...

之前已经为大家介绍了好多导航菜单。今天为大家再带来一款由css3和jquery实现的卡片折叠式菜单。当菜单关闭的时候，有三维堆叠的效果。我们一起看下效果图： 在线预览   源码下载 html代码：<divid="wrapper"><h1><...

今天要为大家带来一款由jquery实现的整屏切换特效，在右侧有圆型小标，每点一个切换一屏。当然，你也可以滚动鼠标来切换页面。效果非常好。我们看下效果吧 在线预览   源码下载 html代码：<divclass="wrapperactive-page4">&l...

今天为给大家介绍一款基于jquery超炫的图片切换特效。由百叶窗飞入显示图片。图片消息的时候也是百叶窗渐行渐远。用于图片展示，效果还是非常好，我们一起看下效果图： 在线预览   源码下载 来看下实现的代码。注意了，这里有引用jquery和underscore插件。htm...

今天为大家带来的是一款由jquery和css3实现的超级梦幻的背景效果。绿色的小原点由远到近，由近到远一种飞跃效果。效果非常好看，我们一起看下效果图： 在线预览   源码下载 我们一起看下实现的代码。这是一款由jquey和css3实现的效果。这里引用的是jquery11...

今天要为大家带来一款非常实用的jquery列表筛选插件，效果非常好。单击某项的时候动画筛选该项的列表。我们一起看下效果图： 在线预览   源码下载 我们一起看下实现的代码：html代码：<divclass="row"><divclass="small-...

之前为大家介绍了一款jquery和css3实现的很酷的菜单导航。这是一款由jquery开发的导航菜单。适合放在门户网站的个人用户中心后台。效果和美观都非常不错。我们先一起看看效果图： 在线预览   源码下载 一起看下实现的代码：html代码：<navclass="...

今天为大家介绍一款非常不错的jquery图片查看插件-Lightbox。这款图片查看插件体验很好，不仅有左右两个小箭头可以浏览上一张和下一张图片，还支持鼠标的左右键浏览上一张和下一张图片。有点类似google图片的查看器。一起看下效果图： 在线预览   源码下载 我们一...

今天为大家带来的是jquery和css3实现的不错的导航菜单。点击列表图表后，内容页面向内移动显示菜单项。当单击关闭菜单按钮时，菜单项隐藏，内容页恢复原位。看下图 在线预览   源码下载 我们看下实现代码：html代码：<divstyle="position:re...

之前为大家介绍了好几款css3导航，今天为大家在介绍的是一款适合放在手机网页的导航菜单。点击列表图标以下拉式的形式显示菜单，单击关闭，动画关闭。效果相当不错。效果图如下： 在线预览   源码下载 这个实例由css3和依赖于jquery插件。下面是实现代码html代码：&...

jquery开发的数字相加游戏，我在一轮中玩了632分（如下图），你能玩几分，哈哈...我要试一试 下面贡献下这款“数字相加游戏”的开发过程。html部分：<divclass="container"><divclass="how-to-play"><h1>HowtoPlay...

随着html5和css3的诞生。各种非常酷、非常炫的网页焦点图在各个前端技术网上满天飞。基于html5和css3技术的焦点图有一个弊端就是要在ie9以上才支持。这让需兼容ie6到ie8的页面又爱又恨。下面为大家介绍一款完全基于juery的焦点图，而且这款插件完美支持ie6，多种百叶窗切换，效果还是相当赏目的。无图无真相...

前段时间湖南卫视的快乐大本营里有一款“天才笨笨碰”游戏非常火。这款游戏主要是考选手的声母联想词语的能力。小篇在看完这个节目后用jquery制作了“天才笨笨碰”网页游戏。先上效果图：游戏规则：1.如图点击开始，系统会给中间五个小块随机分配五个声母（哈哈，这边可能有些网友已经忘记声母都有哪些了。声母一共有23个：bpmfd...

1、h5端页面滑动至第3屏及以后才出现置顶按钮$(document).scroll(function(){varscroH=$(document).scrollTop();//滚动高度varviewH=$(window).height();//可见高度if(scroH>3*viewH){_appCache.$go...