摘要：
打开一个网站，首页顶部向下慢慢拉出一个大的banner广告，间隔几秒钟后广告逐渐向上收起最终显示一个小的广告在顶部。这种效果我们称之为拉幕布效果，不过是上下拉的。想要实现这种相关用jquery实现起来非常简单，就几句code搞定。//加载首页大幅广告图片functionShowBigImg(){$("#showBig").slideDown(2000);}//大图切换成小图functionchangeImg(){$("#showBig").slideUp(2000,function(){$("#showSmall").slideDow 阅读全文
随笔分类 - JavaScript&Jquery点滴
文本框自动撑高JQ插件
2011-10-11 15:49 by ☆冷枫☆, 732 阅读, 收藏,
摘要：
(function($){$.fn.autoTextarea=function(options){vardefaults={maxHeight:null,//文本框是否自动撑高，默认：null，不自动撑高；如果自动撑高必须输入数值，该值作为文本框自动撑高的最大高度minHeight:$(this).height()//默认最小高度，也就是文本框最初的高度，当内容高度小于这个高度的时候，文本以这个高度显示};varopts=$.extend({},defaults,options);return$(this).each(function(){$(this).bind("pastecut 阅读全文
js常用数组函数方法
2011-09-09 11:13 by ☆冷枫☆, 378 阅读, 收藏,
摘要：
数组常用函数 concat 在现有数组后面追加数组，并返回新数组，不影响现有数组 var a = [123]; var b = "sunnycat"; var c = ["www",21,"ido"]; var d = {x:3.14, y:"SK"}; var e = [1,2,3,4,[5,6,[7,8]]]; alert(a.concat(b)); // -> 123,sunnycat alert(a); // -> 123 alert(b.concat(c, d)); // -> sunn 阅读全文
利用jsonp进行Javascript的跨域数据访问[转]
2011-08-08 14:16 by ☆冷枫☆, 251 阅读, 收藏,
摘要：
一、基础知识 1、什么是 JSON：JavaScript Object Notation (JSON) 是一种轻量级、基于文本、语言无关的数据交换格式。它是从 ECMAScript 语言标准衍生而来的。JSON为轻便的表示结构化数据，定义了一小套格式化规则。以下是一个 JSON 对象的例子： { "Image": { "Width": 800, "Height": 600, "Title": "View from 15th Floor", "Thumbnail": { &qu 阅读全文
IE6下默认不缓存背景图片解决办法
2011-08-01 17:41 by ☆冷枫☆, 186 阅读, 收藏,
摘要：
IE6下默认不缓存背景图片，CSS里每次更改图片的位置时都会重新发起请求，用这个方法告诉IE6缓存背景图片 解决IE下图片作为背景时，有鼠标操作时的抖动问题 方法一、css(不推荐) 复制内容到剪贴板 代码: html { filter:expression(document.execCommand("BackgroundImageCache", false, true)); } 方法二、js 复制内容到剪贴板 代码: try { document.execCommand('BackgroundImageCache', false, true); } cat 阅读全文
js 中attachEvent与addEventListener使用小结
2011-07-29 17:41 by ☆冷枫☆, 2585 阅读, 收藏,
摘要：
用过这两个方法的人都知道，侦听事件在IE和火狐中有所差异需要区别对待。两者区别 attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozilla系列） addEventListener方法 用于 Mozilla系列 两者使用的原理：可对执行的优先级不一样，下面实例讲解如下： attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozilla系列） addEventListener方法 用于 Mozilla系列举例: Js代码 functionG(id){returndocument.getElementById(id);}G("btn").on 阅读全文
js 格式化字符串
2011-07-20 18:43 by ☆冷枫☆, 11927 阅读, 收藏,
摘要：
.NET中格式字符串有个String.Format()函数，想格式化一个字符串用起来比较方便，但是我们想在前端交互的时候就可以像这样格式化可不可以呢，当然可以的是吧。不然不可以也不用写这篇文章了：） 是的，我们可以考虑用正则来实现，提到正则大家应该都有思路了吧。哼哼，你的确很聪明。其实实现原理就是利用正则查找匹配js替换。 好了，看下代码吧： /**格式化输入字符串**///用法:"hello{0}".format('world')；返回'helloworld'String.prototype.format=function(){vararg 阅读全文
JavaScript：prototype属性使用说明[转]
2011-07-14 11:15 by ☆冷枫☆, 202 阅读, 收藏,
摘要：
prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法，而且特殊的地方便在于：它是一个给类的对象添加方法的方法！这一点可能听起来会有点乱，别急，下面我便通过实例对这一特殊的方法作已下讲解： 首先，我们要先了解一下类的概念，JavaScript 本身是一种面向对象的语言，它所涉及的元素根据其属性的不同都依附于某一个特定的类。我们所常见的类包括：数组变量(Array)、逻辑变量 (Boolean)、日期变量(Date)、结构变量(Function)、数值变量(Number)、对象变量(Object)、字符串变量 (String) 等，而相关的类的方法，也是程序员经常用到 阅读全文
JQ中动态控制表格行数简单示例
2011-07-07 09:58 by ☆冷枫☆, 1838 阅读, 收藏,
摘要：
动态页面中控制表格的显示行数很常见，但是在html中好像还没使用过。例如控制下面表格显示N行：略加思考便觉得很简单了，无非就是获取地址栏中的行数参数num，然后利用JQ将num后面的行全部“删除”即可。看看下面的代码吧【比较简单，这里就只贴js代码】：<SCRIPTLANGUAGE="JavaScript"><!--$(document).ready(function(){varnum=getPar("num");//数据显示条数if(!num)num=10;vartab=$("tabletbodytr");//这里 阅读全文
js 拖动层示例[转]
2011-07-06 22:38 by ☆冷枫☆, 264 阅读, 收藏,
摘要：
共享一个简单的JS拖动层效果，支持ie，ff，opera，safari；ie有专门的拖动方法：dragstart,drag,dragend分别是开始拖动，拖动，结束拖动。但是其他浏览器（dom类，例如ff）不支持这些拖动方法。所以只能用鼠标事件模拟拖动层效果。实现原理：我们知道用户使用拖动效果，需要完成一下事件1.在某个区域按下鼠标左键，2.按住鼠标左键不放，拖动鼠标；3.拖到合适的位置后，放开鼠标左键。这3步用JS的事件来描述的话就是：用户在可拖动区域onmousedown，并在onmousedown的情况下触发onmousemove事件，当onmouseup的时候移除onmousemove 阅读全文
js判断浏览器版本进行相关业务处理
2011-06-20 15:38 by ☆冷枫☆, 358 阅读, 收藏,
摘要：
最近由于IE9的发布，我们网站上有些.exe的链接地址下载有些异常，因而需要批量修改成.zip格式的。这里就需要判断浏览器的版本了，下面是我工作中用到的一个小方法： //下载地址浏览器检测functiondownUrlCheck(callback){varagt=navigator.userAgent.toLowerCase();varre=newRegExp("msie([^\.]*)","i");vararr=re.exec(agt);//调试的时候可以修改IE版本号为6if(arr&&arr[1]&&arr[1]&g 阅读全文
在html中嵌入js运行框简单示例
2011-03-16 10:11 by ☆冷枫☆, 1197 阅读, 收藏,
摘要：
作为一个coder，通常会编写javascript脚本，为了方便在页面内直接查看测试结果最好有个可以运行的文本框。我们在园子里面也经常可以看见研究js的博客中嵌入了一个文本输入框，点击运行按钮可以查看js效果。其实实现这个并不是很难，几个js方法就搞定。如下所示： 请输入要运行的html代码 首先我们来看运行代码如何实现: //执行代码functionrunCode(obj){varwinname=window.open('',"_blank",'');varcontent=document.getElementById(obj).value 阅读全文
Jquery处理jsonp在IE6下崩溃解决方案
2011-01-26 18:03 by ☆冷枫☆, 741 阅读, 收藏,
摘要：
今天发现jquery【ver:1.3.2】在处理jsonp数据时产生了一个bug，在IE7/8、Firefox以及其他的浏览器下均正常，在IE6下的bug信息如下所示: 经过排查最终定位到bug在关于Jsonp的一段Jq代码中，解决方案在Jquery官方找到(http://bugs.jquery.com/ticket/4378).主要进行了如下处理： 阅读全文
利用jsonp实现跨越获取数据
2011-01-04 23:36 by ☆冷枫☆, 550 阅读, 收藏,
摘要：
JSONP名为JSON with Padding,它是一个非官方的协议，允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问。 以JQ为例实现jsonp调取数据，我们可以从下面两个方面着手处理：客户端以及服务端做相应的处理。 1,客户端 客户端页面首先在body 中放置一个div: div id="res"/div 将远程调用的数据写入该div中 [代码] 也可以通过JQ的getJSON方法得到数据，例： [代码]try{$.getJSON(url,function(json){var_DECODE=json[0].nam 阅读全文
将.js文件编译成.dll文件方法
2010-11-11 23:38 by ☆冷枫☆, 3778 阅读, 收藏,
摘要：
.net中将类库编译成.dll文件，我们大家都知道。但初听说将.js文件编译成.dll文件就觉得有点新奇了。没错，这里可以将javascript编译成动态库文件供页面调用。也许这里有些朋友就会问了，javascript文件在项目中调用不也是很方便的吗，为什么编译成.dll文件呢？确实直接调用js文件也是比较方便，这里只是算提供另一种调用方式吧。下面开始我们的探索之行吧，首先我们需要在项目中新建一个... 阅读全文
JavaScript原始版AJAX
2010-11-09 14:37 by ☆冷枫☆, 235 阅读, 收藏,
摘要：
AJAX的应用已经非常普遍了,各种框架组件也是层出不穷,最初的ajax创建于几个javascript函数,具体的原理、发展历程以及优劣势这里就不在多说了。再回顾一下，算是对知识的一个温故、整理吧。 客户端请求页面:[代码] 服务器端响应页面(Default.aspx): [代码] 阅读全文
静态页传递参数Demo
2010-11-03 11:12 by ☆冷枫☆, 792 阅读, 收藏,
摘要：
在动态页中传递参数比较常见，静态页中就比较少见了。通常，我们需要在两静态页间传递参数是通过Cookie的方式处理的，Cookie是浏览器存储少量命名数据，存于客户端，使用这种方式在跨域方面有所限制。这里主要简要讲述一下通过Url方式传参。 1.新建一个Request.html页面，用于发送请求传递参数给另外页面,页面示例如下: [代码] 2.建GetRequest.html页面，响应请求，获取对参... 阅读全文
Jquery实现层定时滚动效果
2010-10-28 22:15 by ☆冷枫☆, 1556 阅读, 收藏,
摘要：
通常我们在一些大型的门户网站可以看到这样一种效果，打开页面导航下面会出现一副较大的广告，时隔几秒后慢慢的向上收缩，直至广告消失网站恢复原貌。咋一看这个效果似乎很炫很有技术含量，但在Jquery面前就显得微不足道了。 既然用到了Jquery，首先我们得请出这位"大师"，将其加入的页面文件中调用。剩下的工作就变得简单了，JQuery一个函数就能实现我们想要的效果，下面就让我们见识一下它的强大吧。 首先... 阅读全文
页面动态加载Iframe文件
2010-10-28 21:43 by ☆冷枫☆, 7880 阅读, 收藏,
摘要：
常常需要在页面中嵌入iframe地址，但通常加载iframe会影响到页面打开速度。js可以动态的嵌入iframe，如果需要也可以在某事件触发时进行相关的操作，从而提高页面响应速度。 js动态加载iframe代码如下: [代码] 将该函数写在自己需要的事件中，便可实现动态加载的效果。 阅读全文
浙公网安备 33010602011771号