本文实例讲述了jQuery模拟物体自由落体运动的方法。分享给大家供大家参考，具体如下： 运行效果截图如下：点击此处查看在线演示效果。 完整实例代码点击此处本站下载。 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>自由落体</title><script src="jquery-1.7.1.min.js"...
本文实例讲述了jQuery头像裁剪工具jcrop用法。分享给大家供大家参考，具体如下： 头像裁剪工具目前比较流行的是flash和jquery的。个人觉得用jquery的比较好，因为代码仔细研究一下，基本上能明白怎么回事，想改的话也比较容易。 有一个例子，请参考：jcrop例子demo ，是根jcrop的例子改的，添加以下二个特点： 1，居中显示，并且可拖拉，改变截取的大小 2，预览的图片，根拖拉的大小成比例。 以下是js代码，作了简单的封装 <!DOCTY...
本文实例讲述了jQuery动态添加及删除表单上传元素的方法。分享给大家供大家参考，具体如下： 运行效果截图如下：点击此处查看在线演示效果。 具体代码如下： <html> <head> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){$(":input[type=button][value=more]").bind("click",function(){var $br = $("<br />");var $file = $("<input type=f...
本文实例讲述了jquery实现的拖拽效果。分享给大家供大家参考，具体如下： 运行效果截图如下：点击此处查看在线演示效果。 具体代码如下： html部分： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="tuo.js"></script> <script type="text/jav...
本文实例讲述了jQuery抛物线运动实现方法。分享给大家供大家参考，具体如下： 运行效果截图如下：点击此处查看在线演示效果。 完整实例代码点击此处本站下载。 具体代码如下： <!DOCTYPE HTML> <html> <head><meta charset="utf-8"><title>抛物线运动效果</title><style type="text/css">.boll {width: 50px;height: 50px;background-color: #ff3333;position: absolute;top: 380px;left: 100px;-moz-border-radius: 50px;-webkit-...
Tocify是一个能够动态生成文章节点目录的jQuery插件。假如我们有一篇很长的文章，文章有多个节点，那么使用Tocify可以根据节点元素动态生成文章目录，点击目录可以平滑滚动到对应的节点，当然当滚动页面时，目录结构会根据当前监听到的节点进行切换到当前目录状态。效果展示 源码下载 Tocify目前支持Twitter Bootstrap和jQueryUI Themeroller两种主题风格，我们可以根据实际项目任选其中一种风格，另外必要条件jQuery 1.7....
基于jQuery鼠标点击水波动画竖直导航代码。这是一款基于jQuery+CSS3实现的带动画效果的竖直导航栏特效。效果图如下：效果展示 源码下载 html代码：<div class="nav"><ul><li><a>网站首页</a></li><li><a>关于我们</a></li><li><a>产品中心</a></li><li><a>成功案例</a></li><li><a>联系我们</a></li><li><a>在线留言</a></li></ul></div><script type="text/javascript" src="js/jquery.min.js"></script><script type="text/ja...
先给大家展示下效果图，看看是不是亲想要的效果，如果满足您的要求请继续往下阅读。效果展示 源码下载 基于jQuery交互体验社会化分享代码。这是一款鼠标点击分享按钮向右滑出腾讯微博，新浪微博，QQ空间，豆瓣，微信，二维码分享等分享平台。html代码： <div style="text-align:center;font:normal 14px/24px MicroSoft YaHei;clear:both;width:160px;margin:0 auto;"><br /><br /><br /><br /><br /><br /><div id="socialS...
本文实例讲述了jQuery实现的点赞随机数字显示动画效果。分享给大家供大家参考，具体如下： 运行效果截图如下：点击此处查看在线演示。 完整实例代码点击此处本站下载。 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; cha...
本文实例讲述了jQuery实现的给图片点赞+1动画效果。分享给大家供大家参考，具体如下： 运行效果截图如下：点击此处查看在线演示。 完整实例代码点击此处本站下载。 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset...
我们在表单输入的时候，如要输入邮箱之类，只需输入邮箱名前段，那么@后面的内容将自动补全，将常用的几个邮箱列出来，用户只需选择一下就可以完成表单的输入。诸如此类的还有时间的输入、域名的输入都能自动完成，这些都由插件completer来帮您实现。 效果展示图如下所示：效果展示 源码下载 HTML 首先载入jQuery库和插件completer.js，当然还有相关CSS样式文件，这些都在源码下载里已打包好了。 <script src="jquery.js"></...
有很多人在做微信的扫一扫下载。但是在微信更新之后微信将该功能给禁止掉了，也不能说是全面禁止吧，因为腾讯、微信是一家嘛，通过应用宝审核的应用好像还是可以通过扫一扫直接下载的。但是要通过审核的话还是需要时间的，那么用下面这一段（上干货）来解决吧，通过做一个引导页来实现，将该页面的url生成为一个二维码 （我使用的是草料二维码生成器）。判断是否为微信的内核来做引导下载，如果是直接使用浏览器（如：uc）打开的，...
本文实例讲述了jQuery动画显示和隐藏效果。分享给大家供大家参考，具体如下： 运行效果截图如下：点击此处查看在线演示。 完整实例代码点击此处本站下载。 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" ...
这是一个基于jQuery的可以选择年份和月份的月份拾取插件，你可以设置点击页面上的任意元素触发弹出年月选择面板，可以是一个链接也可以是一个输入框，广泛应用于月份查询，而无需设置select表单。效果展示 源码下载 HTML 首先将monthpicker插件相关的css和js文件载入，大家可以到源码下载里下载css和js文件。 <link rel="stylesheet" type="text/css" href="jquery.monthpicker.css"> <script src="jquery.js"></script...
在没步入正文之前，先给大家贴效果图，看看是不是您想要的效果：在线演示 源码下载 基于jQuery移动端滑块拖动设置代码。这是一款支持手机移动端的特效，可拖动滑块范围选择器，拖动滑块数值选择器。 废话不多说了，直接给大家贴代码了。html代码： <div class="demo"><input type="hidden" class="single-slider" value="0" /><!-- <button id="g1">获取值</button> --></div><div class="demo"><input class="range-slider" type=...