番茄博客 | 记录生活,分享点滴,感受美好瞬间

jquery uploadify插件实现上传文件进度条效果

jquery uploadify插件是一个文件上传插件了，它可以配置脚本来实现文件上传了，下面小编来看看jquery uploadify插件实现上传文件进度条效果例子吧，希望文章对各位带来帮助。一、jquery进度条代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpLoad.aspx.cs" Inherits="UploadifyDemo_UpLoad" %> <html xmlns="http://www.w3...

2016年01月09日软件开发暂无评论喜欢 0 阅读全文

jQuery判断页面是否被iframe框架调用打开

我们以前网站经常有人使用框架直接调用了，为了防止这种行为我们可以使用js来验证页面是不是给框架iframe调用了，具体的代码如下,之前有一个URL是页面打开，后来改成窗口了。于是乎我百度搜索了: <script> function fun1(){ if( window.top == window.self&...

2016年01月09日软件开发暂无评论喜欢 0 阅读全文

jQuery 滑动选取数值范围插件(仿阿里云选主机配置效果)

我们在看到阿里云选主机配置效果时可以拖动并选择具体的一个参数值了，下面我们就来为各位介绍利用jQuery 滑动选取数值范围插件来实现阿里云选主机配置效果吧．有时我们在页面上需要选择数值范围，如购物时选取价格区间，购买主机时自主选取CPU，内存大小配置等，使用直观的滑块条直接选取想要的数值大小即可，无需手动输入数值，操作简单又方便。本文向大家介绍一款范围选择器插件jRange，它是基于jQuer...

2016年01月09日软件开发暂无评论喜欢 0 阅读全文

jQuery实现Ajax提交form表单的程序

Ajax提交form表单其实是非常的简单了，我们只要绑定触发事件就可以在用户点击时实现ajax提交表单了，下面一起来看一段jQuery实现Ajax提交form表单的程序介绍:介绍了如何将一个普通的form表单，迅速改造成通过ajax方式提交，并将结果显示在对话框中。正文: 我们有一个非常普通的表单： <form id="form1" name="form1" method="get" action="post.html"> 标题<...

2016年01月09日软件开发暂无评论喜欢 0 阅读全文

jQuery Mobile实现侧边栏滑动菜单效果代码

jQuery Mobile是一个手机端的专用jquery插件了，我们可以使用它来做滑动效果了，下面来看看利用jQuery Mobile实现侧边栏滑动菜单效果代码吧．话说使用jQuery已经有好几年了，从最开始的1.4到现在的2.1，越用越觉得方便，jQuery有一个移动开发的插件，那就是jQuery Mobile，一直有没有使用过这个插件，今天兴致好就试着制作一个侧边栏滑动菜单，效果还不错，现在分享给大家。准备工作我们需要jQuery.min....

2016年01月09日软件开发暂无评论喜欢 1 阅读全文

Lazy Load延迟加载图片的 jQuery 插件使用教程

Lazy Load是jquery的一个延迟加载图片插件了，这个插件可以实现真正的图片延迟加载效果了，下面我们一起来看看这个插件使用方法吧． Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览...

2016年01月09日软件开发暂无评论喜欢 0 阅读全文

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

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

2016年01月09日软件开发暂无评论喜欢 3 阅读全文

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

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

2016年01月09日软件开发暂无评论喜欢 0 阅读全文

Jquery 文本框操作的例子

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

2016年01月09日软件开发暂无评论喜欢 0 阅读全文

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

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

2016年01月09日软件开发暂无评论喜欢 0 阅读全文

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 阅读全文

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 阅读全文

jQuery获取URL请求参数的例子

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

2016年01月09日软件开发暂无评论喜欢 0 阅读全文

jQuery 关于delay函数的使用方法

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

2016年01月09日软件开发暂无评论喜欢 0 阅读全文

解决jQuery/CSS3 transition与动画冲突

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

2016年01月09日软件开发暂无评论喜欢 2 阅读全文

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

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

2016年01月09日软件开发暂无评论喜欢 0 阅读全文

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

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

2016年01月09日软件开发暂无评论喜欢 0 阅读全文

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

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

2016年01月09日软件开发暂无评论喜欢 0 阅读全文

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

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

2016年01月09日软件开发暂无评论喜欢 0 阅读全文

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

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

2016年01月09日软件开发暂无评论喜欢 0 阅读全文