Jquery 操作Cookie
摘要：关于cookie的path设置需要注意，如果不设置path:'/'的话，path则会根据目录自动设置[如:http://www.xxx.com/user/,path会被设置为 '/user']$.extend({ /** 1. 设置cookie的值，把name变量的值设为value example $.cookie(’name’, ‘value’); 2.新建一个cookie 包括有效期 路径 域名等example $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, se
阅读全文
posted @
2013-04-21 15:48
浩瀚孤鸿
阅读(198)
推荐(0)
jquery+flash实现点击复制到剪切板
摘要：1. 加载jQuery和zClip，地址请根据各自的存放地址做相应修改<script language="javascript" src="jquery.zclip.js"></script> <script language="javascript" src="jquery.snippet.min.js"></script> 2.js实现点击复制的代码（注：请上传到服务器上测试） <script> $(document).ready(function()
阅读全文
posted @
2012-12-18 08:56
浩瀚孤鸿
阅读(255)
推荐(0)
jQuery 获取文件后缀的方法
摘要：方法一、 采用正则表达式:Js代码 varfile=$("input[name='file']").val();varfilename=file.replace(/.*(\/|\\)/,"");varfileExt=(/[.]/.exec(filename))?/[^.]+$/.exec(filename.toLowerCase()):''; filename得到文件名 fileExt得到后缀名方法二、 Js代码 varlocation=$("input[name='file']").v
阅读全文
posted @
2012-11-28 10:09
浩瀚孤鸿
阅读(978)
推荐(0)
判断两个时间这间间隔几分钟
摘要：<script language="javascript" type="text/javascript">/** * 判断两个时间这间间隔几分钟 * date1与date2格式：yyyyMMddhhmmss ，它们是字符串类型 * */function getMinuteInDates(date1,date2){ var y1= date1.substr(0,4); var y2= date2.substr(0,4); var m1 = date1.substr(4,2); var m2= date2.substr(4,2); var d1=
阅读全文
posted @
2012-11-28 09:08
浩瀚孤鸿
阅读(340)
推荐(0)
jquery中动态效果
摘要：只需引入jqery.js,不需要引入插件，利用jquery定义的一些基本方法，就能实现诸如隐藏，显示，淡入，淡出，半透明等动画效果，如果综合使用，还能使用简单的代码简单实现jquery的各种插件的效果本文参考《《浅谈jquery》一书，加以整理，并结合自己的实际经验而成，可以看做一个 学习手册吧编辑的时候代码全乱了，重新整理了下，可能代码格式还是有点乱，请见谅显示（show），隐藏(hide)与组合（toggle）效果1.show(speed,callback);说明：这个方法可以显示隐藏的元素，其中参数也缺省，即写成show()这种形式 speed ---指定显示的速度 有3个参数可以选择.
阅读全文
posted @
2012-11-28 09:07
浩瀚孤鸿
阅读(211)
推荐(0)
jQuery操作Cookie
摘要：操作：$.cookie(‘the_cookie’); // 读取 cookie$.cookie(‘the_cookie’, 'the_value’); // 存储 cookie$.cookie(‘the_cookie’, 'the_value’, { expires: 7 }); // 存储一个带7天期限的 cookie$.cookie(‘the_cookie’, '', { expires: -1 }); // 删除 cookie 1 jQuery.cookie = function(name, value, options) { 2 if (typeof v
阅读全文
posted @
2012-11-28 09:04
浩瀚孤鸿
阅读(206)
推荐(0)
jQuery.lazyload
摘要：看到了淘宝产品介绍中,图片是在下拉滚动条时加载,这是一个很不错的用户体验。减少了页面加载的时间了，也减轻了服务器的压力，就查了下用JQuery..什么是ImageLazyLoad技术 在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占的几M的空间。ImageLazyLoad技术就 是，当前可见界面的图片是加载进来的，而不可见页面（通过滚动条下拉可见）中的图片是不加载的，这样势必会引起速度上质的提升。怎么实现ImageLazyLoad一、使用JQuery插件，插件名:jquery.lazyload（7kb大小），压缩后（3kb大小）在线压缩jshtt
阅读全文
posted @
2012-11-28 09:02
浩瀚孤鸿
阅读(398)
推荐(0)
分享13款非常有用的 jQuery 插件
摘要：jQuery 是一个非常优秀的 JavaScript 框架，使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入一些非常好的效果。这篇文章与大家分享13款非常有用的 jQuery 插件。ImageLens: a jQuery plug-in for Lens Effect Image ZoomingImage Len 是一款用于为图片添加镜头放大效果的 jQuery 插件。diagonalFade jQuery pluginDiagonal fade 是一款易于定制淡入、淡出、方向及其它组合选项的 jQuery 插件，适合用于显示分组元素。Lettering.js – A j
阅读全文
posted @
2012-11-28 08:57
浩瀚孤鸿
阅读(188)
推荐(0)
Jquery.Sorttable 桌面拖拽自定义
摘要：<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Sortable - Portlets</title> <script src="jquery-1.6.2.js"></script> <script src="jquery.ui.core.js"></script> <script
阅读全文
posted @
2012-11-28 08:44
浩瀚孤鸿
阅读(343)
推荐(0)
jquery获取url参数--jquery.query
摘要：用法：1.引用<script type="text/javascript" src="js/jquery.query.js"></script><script type="text/javascript">var jQuery.query = { numbers: false, hash: true };</script>2.获取url参数$.query.get(urlparam);jquery.query.js/*** jQuery.query - Query String Modif
阅读全文
posted @
2012-11-28 08:25
浩瀚孤鸿
阅读(782)
推荐(0)
jQuery中绑定事件的命名空间详解
摘要：在没有看到这篇 文章之前，21视频教程网编辑一直不知道原来bind也可以有命名空间。事实上，我看完这篇文章后，再去翻了一下手册，也才发现了一点点的注释。但手册也仅仅是一句话就带 过去了。没有过多的深究，或许他认为命名空间这玩意很简单，没有必要多解释？先看手册，由于bind方法有三个参数(type,[data],fn)，所以手册上这么介绍:.bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象， 比如focus, mouseover, 和 resize，都是可以作为type参数传递进来的。jQuery还提供了一些绑定这些标准事件类型的简单方式，比如.click()
阅读全文
posted @
2012-11-27 17:37
浩瀚孤鸿
阅读(224)
推荐(0)
JQuery上传插件Uploadify使用详解
摘要：Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示。不过官方提供的实例时php版本的，本文将详细介绍Uploadify在Aspnet中的使用，您也可以点击下面的链接进行演示或下载。官方下载官方文档官方演示首先按下面的步骤来实现一个简单的上传功能。1 创建Web项目，命名为JQueryUploadDemo，从官网上下载最新的版本解压后添加到项目中。2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。3 在项目中添加UploadFile文件夹，用来存放上传的文件。进行完上面三步后项目的基本结构如下图:4 Default.aspx的html页的代码
阅读全文
posted @
2012-11-27 17:37
浩瀚孤鸿
阅读(288)
推荐(0)
jQuery.extend与jQuery.fn.extend的区别
摘要：jQuery.extend对jQuery对象的扩展，可以理解为静态方法，不需要实例jQuery就可以使用。 <script type="text/javascript"> <!-- jQuery.extend({ add: function(a, b) { return a + b; } }); alert($.add(3, 4)); //7 //--> </script>jQuery.fn.extend对jQuery元素的扩展，只能用在jQuery元素上，可以理解为普通方法。定义插件时需要返回this，以支持jQuery的链式操作。 &
阅读全文
posted @
2012-11-27 17:36
浩瀚孤鸿
阅读(176)
推荐(0)
利用jquery的imgAreaSelect插件实现图片裁剪示例
摘要：将用户上传的图片进行裁剪再保存是现在web2.0应用中常常处理的工作，现在借助jquery的imgareaselect插件再配合PHP的GD库就可以轻松的实现这个在以前来说非常棘手的功能。我们来看看它的实现步骤：1、包含进CSS文件(imgareaselect-default.css)和 jquery.imgareaselect.js文件2、html代码(要裁剪的图片元素)<imgid="selectbanner"src="/pic/banner.jpg"/>3、imgAreaSelect的数据操作$('#selectbanner&#
阅读全文
posted @
2012-11-27 17:35
浩瀚孤鸿
阅读(300)
推荐(0)
谷歌的JQuery库
摘要：为了实现各种绚丽的效果，你的网站是否调用了众多的Ajax库呢？尽管这样做能是你的网站增色不少，但几十K的Ajax库也会让你的网站丢失速度。既然如此，那我们到底是要速度还是要特效呢？ 今天就大家介绍一个两全其美的办法。 一般的网站都只是调用各种Ajax库，并不用对其内容进行修改，所以我们可以借助第三方服务器上的Ajax库。Google Code就给我们提供了各种Ajax库的托管链接，我们可以直接调用这些链接而不用把整个库上传到主机，大大减少主机的压力，对于速度较慢的主机效果很明 显哦。当然，如果你的主机足够强劲以至于能和Google媲美的话，我建议还是把库放在自己主机上。 这里给大家整理...
阅读全文
posted @
2012-11-04 18:17
浩瀚孤鸿
阅读(259)
推荐(0)
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
摘要：在ajax中经常需要对元素的位置进行精确的定位，此时不仅需要获取元素自身的大小位置等属性。还需要知道页面、浏览器、滚动条等的长度和宽度。 因为浏览器的兼容问题，如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅，并且兼容的解决方法。 获取浏览器和页面文档的宽度和高度 代码如下: //获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的文档宽度 $(document.body).wi
阅读全文
posted @
2012-09-21 11:37
浩瀚孤鸿
阅读(253)
推荐(0)
jquery 获取元素坐标
摘要：绝对X,Y坐标，可以用offset()方法：1 2var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left;获取相对(父元素)位置:1 2var X = $('#DivID').position().top; var Y = $('#DivID').position().left; function getTop(e) { var offset = e.offsetTop; if (e.offsetParent != null) offset += ge
阅读全文
posted @
2012-09-21 10:23
浩瀚孤鸿
阅读(230)
推荐(0)
浙公网安备 33010602011771号