本文实例讲述了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"></...
本文实例讲述了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=...
本文实例讲述了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><title>无标题页</title><script type="text/javascript" src="jquery-1.4.2.min.js"></script><scrip...
我们经常看到有很多的垂直时间轴用来记录事件进展，而有朋友问我要求分享水平的时间轴，其实水平时间轴的难点在于自适应屏幕尺寸。那么 今天我要给大家分享的是一款支持响应式、支持触屏手势滑动的水平时间轴。效果展示 源码下载 HTML 我们的HTML结构由两部分组成，div.timeline用于放置日期导航水平线，它有水平多个日期div.events-wrapper和水平轴左右方向导航按钮ul.cd-timeline-navigation组成。而div.events-content放置的...
本文实例讲述了jQuery实现ajax调用WCF服务的方法。分享给大家供大家参考，具体如下： 关于AJAX调用WCF服务分为跨域和不跨域两种方式，今天咱们先介绍下不跨域下的调用方法。DEMO是在VS2008写的. 经过测试与研究，发现AJAX调用WCF服务必须满足以下条件 1.wcf的通讯方式必须使用webHttpBinding 2.必须设置<endpointBehaviors>节点的值 3.服务的实现必须添加标记代码如下:[AspNetCompatibilityRequirements(RequirementsMode = AspNet...
本文实例讲述了jQuery使用$.ajax进行异步刷新的方法。分享给大家供大家参考，具体如下： 最近要用到jquery进行异步读取数据的功能，jquery提供了许多内置的异步读取函数，给大家演示下最常用的$.ajax用法 在客户端文本框输入一个内容，然后在服务器端返回时间 在DEMO中要用到ashx文件,用于获取服务器的信息 效果图片escape() 函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。 客户端代码 <%@ Page Language="C#"...
分享一款基于jQuery超级酷动画滑动插件。这是一款基于jquery.pogo-slider插件实现的多个滑块切换特效。效果图如下，如果大家觉得还不错，很满意可以下载源码哦。效果展示 源码下载 实现的代码。 html代码： <div class="pogoSlider" id="js-main-slider"><div class="pogoSlider-slide" data-transition="slideOverLeft" data-duration="1000" style="background-image:url(img/slide1.jpg);"></div><div class="pogoSlider-sl...