今天为大家带来的是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...

https://github.com/fengyuanchen/cropper1、必要的文件引用：<scriptsrc="/path/to/jquery.js"></script><!--jQueryisrequired--><linkhref="/path/to/croppe...

1、创建Cookie$.cookie("example","foo");//创建名为“example”的cookie2、设置cookie的有效期$.cookie("example","foo",{expires:7});//保存7天3、设置cookie的有效期一个小时varexpires=newDate();varex...

作者：LeonelHilario翻译：Terryli- GBin1.com英文： 5TopjQueryChartLibrariesforInteractiveCharts目前对于简单快速的开发图的需要使得大家需要找到一种相对简单的方式来开发互动的图表。jQuery和其他js类库使得我们可以更容易的在...

 需要引入的文件：<scriptsrc="js/jquery.min.js"></script><scriptsrc="js/jQuery.resizeEnd.min.js"></script>代码调用：$(function(){$(window).on('re...

lazyload.js是一个基于JQuery的插件，可以用来缓冲加载图片。如果一个网页很长并且有很多图片的话，下载图片就需要很多时间，那么就会影响整个网页的加载速度，而这款延迟加载插件，会通过你的滚动情况来加载你需要看的图片，然后它才会从后台请求下载图片，最后显示出来。通过这个插件，可以在需要显示图片的时候，才下载图片...

jQuery的animate虽然能直接使用CSS的方式来进行动画，但有些属性其实是不支持的，例如：background-position。谷歌支持background-position-x;background-position-y；firefox不支持。使用background-position插件使用另外一个bac...

基于jQuery带进度条全屏图片轮播代码。这是一款基于jQuery实现的oppo手机官网首页带进度条全屏图片轮播特效。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="pic"><ul><listyle="background:...

分享一款基于jquery的json转table插件jsontotable。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="container"><divid="jsontotable-arr"class="jsontotable">...

分享一款基于jQuery点击圆形边框弹出图片信息。这是一款鼠标经过图片转换成圆形边框，点击可弹出文字信息。效果图如下：在线预览   源码下载实现的代码。html代码：<divid="teamcont"><divstyle="width:780px;margin:30pxa...