JQuery实现滚动到页面底端时自动加载更多信息代码

现在越来越流行的是拖动加载功能了，就是我们滚动到页面底部了就可以自动加载下一页的内容了，下面我们来看一个JQuery实现滚动到页面底端时自动加载更多信息代码． 类似微博，新浪新闻的评论等，都采用了这方法。 关键代码： var stop=true;   $(window).scroll(function(){       totalheight = parseFloat($(window).height()) + p...

2016年01月09日 前端设计 暂无评论 喜欢 3 阅读 0 views 次 阅读全文

jquery实现数秒后自动提交表单

js中提交表单可以直接使用xxx.submit()来提交了，如果我们点击按钮之后等待几秒来提交的话可以使用settimeout来实现定时操作了，具体来看个例子。 例子代码如下: <script language='javascript'>   <!--   $(document).ready(function(){     // #formdownload ajaxform     $('#formdownload').ajaxform({ ...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

Jquery 文本框操作的例子

文本框是jquery中一个非常常用的一个元素了，我们通常会要对它们进行一些判断与选择操作了，下面一起来看看小编整理的一些Jquery 文本框操作的例子 获取值：文本框，文本区 域： $("#txt").attr("value")； $("#txt").val(); 控制表单元素：文本框，文本区域： $("#txt").attr("value",'');// 清空内容 $("#txt").attr("value",'11');//填充内容 例子，对于文本框的值进行选择与判断清空操作 $("#email"...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery.event.move插件实现手机移动触摸功能例子

移动开发是目前非常流行的一个除pc之外用户最二多的客户端了，今天我们为各位介绍jQuery.event.move移动触摸开发插件,希望文章对各位有帮助． jQuery.event.move是一个移动触摸开发插件，跟上一篇jquery.event.swipe的作者是同一个人，通过jQuery插件库自定义’movestart’, ‘move’ and ‘moveend’事件，移动鼠标和触摸事件提供设备设置按住到释放相互作用的一个简单的方法，轻量级移动网页开发插件。 jQuery....

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery validate插件ajax 验证重复的2种方法

jquery validate插件我们大家并不陌生了,下面我们来看看jquery validate插件ajax 验证重复的2种方法吧,希望例子对各位有帮助,简单说一下js代码,详细一点的看上面例子源码: $(document).ready(function(){            jQuery.validator.addMethod("phonecheck", function(value, element) {   //添加一个phonecheck方...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

js与jquery ajax使用方法及对比分析

ajax我们在没有jquery插件之前都是使用原生的ajax了，但有了jquery插件之后我们就直接使用了jquery ajax了，下面我们一起来看看js与jquery ajax使用方法及对比分析吧。 这篇博文，是我不知道什么是ajax到熟练运用ajax的一个历程。 一，最原始的方式来运用ajax <SCRIPT language=javascript>     var xmlHttp;          fu...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery获取URL请求参数的例子

小编整理过不只10篇关于利用js取得URL参数的一些函数了，今天　我们来看看一个关于jQuery获取URL请求参数的例子，希望此例子可以对各位有帮助． 1、juqery 代码 $.extend({     getUrlVars: function(){       var vars = [], hash;       var hashes = window.location.hre...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery 关于delay函数的使用方法

delay函数我相信没几个朋友真正的了解了，今天小编在使用jquery delay函数时也碰到几个问题了，下面一起来了解一下delay函数用法． delay()在我的脑洞中应该和setTimeout一个用法，万万没想到，他们其实是有差别的。 delay()只能在动画队列中起作用，而setTimeout()才是真正的延时。 比如,正在学coffee不知道是不是这么写的: $(".next").click(->       $(".main ...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

解决jQuery/CSS3 transition与动画冲突

下面来看一个关于解决jQuery/CSS3 transition与动画冲突的文章，如果各位有碰到过可以看看本文是如何解决的吧． 作为一个逗比，昨天在设置了transition之后想要click事件添加动画，结果fadeIn/fadeOut发现没有用啊……太奇怪了。 结果其实是因为，fadeIn/fadeOut的本质是更改透明度，而透明度更改会发生什么呢——触发transition，oh gosh。 于是乎，如果想用transition的话（其实我是希望用它来做hover来的）...

2016年01月09日 前端设计 暂无评论 喜欢 2 阅读 0 views 次 阅读全文

artdialog弹出层iframe间数据传递分析

在弹出的iframe再传值这个功能其实做起来是比较简单了，但是如果是基于artdialog弹出层iframe并且有多个层可能就会有一些bug了，下面来看问题解决方法． 我做的框架是基于artDialog的，其提供的 iframeTool plugin 实现了多级弹出层均基于同一parent的方式，使视觉上的多层弹出突破了可视范围的限制。 但是，多个弹出层基于同一父页面，便导致一个难题，如何界定弹出层的级别。 在开发框架的时候，我认为自...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery图片裁剪插件CropZoom使用方法与bug修复

图片裁剪功能大家看过最多的估计是以前dz论坛中的一个flash插件+php的裁剪功能了，像jquery图片裁剪功能了解的不多，其实此插件入门使用简单并且方便调整了，下面一起来看看CropZoom使用方法与bug修复方法吧． 非常不错的jQuery图片裁剪插件CropZoom，功能非常强大，可以旋转图片，改变图片显示比例，拖拽到指定区域进行裁剪，裁剪及时显示裁剪图片效果，绝对能满足你的需求，很适合头像图片裁剪方面的应用...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery Scroll插件响应式单页全屏滚动介绍

响应式现在在手机与一些电脑中使用的非常的多了，在此我们来介绍一下jquery的一个响应式插件的使用例子． One Page Scroll是一个响应式单页全屏滚动的jQuery插件，效果有点类是于fullpage.js，不过这个插件却是另外一个，它可以轻松的建立一个动感的响应式的滚动效果页面，比较适用于单页面的专题站，如：Apple’s iPhone 5S 这样的网站，能大大的提升用户的体验，也提升自身的品牌形象。当然One Page Scrol...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

仿淘宝双11卖场专题两侧缩放导航效果源码

双11的时候，发现淘宝的活动页面的导航缩放展示效果做得非常有特色，所以连东西都没买就看别人的代码实现了，然后就把代码整理出来如下。 效果描述: 默认不显示两侧浮动导航，当页面滚动到一定位置时，两侧的导航内容以缩放显示的效果展示出来，当往上拖动滚动条至该位置临界点时两侧导航再以缩放显示的效果逐渐淡出显示！ 实现思路: 2侧导航用postion:fixed定位，并默认visibility: hidden;当拖动滚动条...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery实现自动逐字打印效果（像黑客电影一样）

看过国外有关电脑黑客的电影都看到过这样的场景：黑客高手在电脑前一阵狂敲键盘，电脑屏一串串代码就出来，然后就显示黑客已经黑进系统,已做完该做的事啦。那么电影演员是如何做到这一步的呢？以下是用jq的模拟。 为了在这重现黑客的神奇功力是怎么做到的，我们来解密下这逼真效果的实现方法,代码如下: <div id="autotype">       <p>two_step_auth_com...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery实现页面链接新窗口打开方法

我们有时看很多大型门户网站都没有在Ａ标签增加打开新窗口的命令了，分析了一下原因可以使用js来实现了，具体方法小编为各位整理一下 这个方法依托jQuery，如果主题没有引用的话，那么有两个选择： 引用jQuery，然后愉快的使用本功能 不引用，苦逼的修改源代码 好了，字数凑的差不多了，我来贴代码啦！ <script type="text/javascript">   jQuery(document).ready(function(){jQue...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery弹出信息插件WebUI Popover使用教程

WebUI Popover是一个轻量级的jQuery弹出插件,提高引导弹出和一些很棒的新功能了，下面我们来看一个关于jQuery弹出信息插件WebUI Popover使用教程. WebUI Popover是一个轻量级的jQuery弹出信息插件，配合Bootstrap使用，能制作一些很棒的新功能效果，他的使用可以和Bootstrap结合，但是没有Bootstrap也能使用，依赖jQuery插件版本1.7+以上。 WebUI Popover轻量级的jQuery弹出信息插 兼容性 WebUI Popover能...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

Jquery实现导航栏效果代码

导航栏对于我们程序开发的人来讲是非常的常见的事情了，下面小编来给大家介绍Jquery实现导航栏效果代码，希望下文可以帮助到大家． 导航栏相信开发网站的开发者们都是再熟悉不过了，没有任何一个网站可以忽略导航栏而不计。div+css就可以实现导航栏，但是纯css并不能做出一些像Jquery这么友好的动画效果。当然在编程语言飞速发展的今天，css3+html5就可以实现，这里暂且不论。一个漂亮友好的导航栏不仅可以...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery显示/隐藏商品菜单程序实例

显示/隐藏功能对于jquery来说实现是点击的简单了，我们只需要使用jquery自带的插件就可以实现我们要的功能了，具体的来看一个例子． 在一些电商网站或者是分类信息网站上不难看到他们的导航都是显示一些大分类，在点击进入子页面的时候，又分成了很多小的分类，通常在这些小的分类下面还会显示点击查看更多品牌/隐藏品牌的功能。看起来很友好，又高大上。其实制作这么一个效果并不难，简单的几行Jquery代码...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery表单验证控件:Form-Validate例子

Validate是一个非常强大的jquery表单验证控件了，我们可以利用它来帮助我们在用户注册或一些数据填写时进行校验了，下面一起来看jquery表单验证控件:Form-Validate使用教程吧，希望下文可以帮助到大家． 在做登录注册模块的时候, 我们需要要求用户按照我们的规则进行信息的填写, 如果直接在填写完成之后提交的时候验证这些信息的话, 对于用户来说不得不说是一个比较烂的体验, form-validate控件是一个超强...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery的isPlainObject检查是不是对象例子

以前介绍过判断数据的函数，但没讲过检查是不是对象了，如果我们要检查一个对象是否存在要如何做呢？下面一起来看看jquery的isPlainObject用法． 对象一词经常在日常生活中使用，在js中对象{}也是很常用，于是得有个“检查是不是对象”的方法吧，然后jquery提供isPlainObject方法。。。 //jquery1.11.2   isPlainObject: function( obj ) {      ...

2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文