摘要: 插件说明:- 能够实现网站的整体风格效果,给用户一个新的视觉享受。- 主要模拟常用的 alert、confirm、prompt、open 和扩展了一些对话框。- 支持静止定位、无限极模态与非模态组合、引用 URL、同域 Iframe 数据互通、位置重设、页面跟随、动态效果、自定义内容、普通拖动、克隆拖动、换肤、自动关闭与调用。- 对话框内容自适应,有最大宽度限制。- 通过回调函数触发事件动作并执行,使操作区域更加明了、统一。- 插件使用风格略相似于 EXTJS。- 不支持同步。运行环境:- IE6/7/8/9、Firefox、Chrome(本地不支持跨 iframe 调用)、Safari、O.阅读全文
posted @ 2011-04-07 19:34 小吴同学 阅读(12598) 评论(157) 编辑
摘要: 在“庞大”的页面加载的过程中,加入一个小小的 loading 效果,会使得这个页面极其富有“生命力”。也能减缓用户急躁的等待情绪,同时也在视觉效果上得到体现。其实现方式也极其简单。以下实现了一个简单的原型:functionloadTimeout(){var//超时秒数second=10//计时器timer=setInterval(function(){if(--second<1){document.getElementById('loading').innerHTML='您当前的网络连接过慢!';clearInterval(timer)}},1000);/阅读全文
posted @ 2011-07-08 12:09 小吴同学 阅读(1183) 评论(0) 编辑
摘要: 网上很多种写法,这只是其中一种。主要能够获取指定参数的值就达到目的了,本函数主要实现了获取单个参数的值。至于多个值可以自己扩展。函数:functionQueryString(key){varparas=location.search;if(paras){vararr=paras.substr(1).split("&"),data;for(iinarr){data=arr[i].split("=");if(data[0]==key){returndata[1]}}}}URL:abc.html?id=100&key=abc调用:QuerySt阅读全文
posted @ 2011-05-18 14:54 小吴同学 阅读(490) 评论(1) 编辑
摘要: “元素拖拽改变大小”其实和“元素拖拽”一个原理,只是所动态改变的对象不同而已,主要在于 top、left、width、height 的运用,相对实现起来也非常容易。以下附出源码原型,弄明白了原理再扩展其他实际应用,思路就变得简单、清晰得多了。在引入 Jquery.js 后:<scripttype="text/javascript">$(function(){//绑定需要拖拽改变大小的元素对象bindResize(document.getElementById('test'))});functionbindResize(el){//初始化参数var阅读全文
posted @ 2011-05-14 12:30 小吴同学 阅读(4529) 评论(8) 编辑
摘要: “元素拖拽”顾名思义:拖动,移动,拽放。有很多的解释,而且在网上相关资料非常之多,本人在开发 AsyncBox当中也用到此效果,借此分享,同时也是一种技术积累。本文主要针对拖拽原型进行解析,给刚接触 JQuery 的爱好者一个简单的示例。在引入 Jquery.js 后:<scripttype="text/javascript">$(function(){//绑定拖动元素对象bindDrag(document.getElementById('test'));});functionbindDrag(el){//初始化参数varels=el.style阅读全文
posted @ 2011-04-23 16:25 小吴同学 阅读(2283) 评论(10) 编辑
摘要: 插件说明:- 能够实现网站的整体风格效果,给用户一个新的视觉享受。- 主要模拟常用的 alert、confirm、prompt、open 和扩展了一些对话框。- 支持静止定位、无限极模态与非模态组合、引用 URL、同域 Iframe 数据互通、位置重设、页面跟随、动态效果、自定义内容、普通拖动、克隆拖动、换肤、自动关闭与调用。- 对话框内容自适应,有最大宽度限制。- 通过回调函数触发事件动作并执行,使操作区域更加明了、统一。- 插件使用风格略相似于 EXTJS。- 不支持同步。运行环境:- IE6/7/8/9、Firefox、Chrome(本地不支持跨 iframe 调用)、Safari、O.阅读全文
posted @ 2011-04-07 19:34 小吴同学 阅读(12598) 评论(157) 编辑
摘要: 设置 iframe 的 src 为 'about:blank' 之后,不置为“about:blank”,内存不会释放掉。还必须用 iframe.document.write('');这样才能将内容清空,但是这样处理之后任然会有500-1000K左右的内存残留,这就是ie6的iframe bug,动态创建的iframe总会耗费掉一些内存。1、资源回收functionclearIframe(id){varel=document.getElementById(id),iframe=el.contentWindow;if(el){el.src='about:bl阅读全文
posted @ 2009-12-23 12:51 小吴同学 阅读(4411) 评论(0) 编辑
摘要: 在HTML4.0Strict和XHTML1.0STRICT里不允许在<a>标签里使用target属性,这是一件令网页设计者懊恼的事.在过渡的规范里还是允许使用的.但通过一定的方法,我们可以解决这一问题。 HTMl4.0规范里拿掉了target属性.但它添加了另外一个属性:rel.这个属性是用来指定包含链接的文档和所链接文档之间的关系的.规范里定义了其属性值(如:next,previous,chapter,section),在这些属性里大多数是用来定义一个大文档里各个小部分之间的关系的.事实上.规范里允许开发人员自由的使用非标准属性值做特定的运用。在这里,我们采用一个自定义值exte阅读全文
posted @ 2009-11-29 20:53 小吴同学 阅读(320) 评论(1) 编辑
摘要: “SWFObject”是利用Javascript 插入flash,好处多多,代码简洁,不会出现IE6下的“单击此处以激活控件”的提示,并且能通过W3C验证。不同于传统的“object”插入flash的方法。SWFObject在新的2.x版本中,其最简单的调用竟只需一句话,并且不需要等待页面加载完成,这意味着你可以将这句话写在页面的任何地方。比以前的版本,要简便多了。下面来看几个简单常用的调用方法:1、最简单,最基本,只要想插入flash都能用到的经典一句话。Code highlighting produced by Actipro CodeHighlighter (freeware)http:阅读全文
posted @ 2009-10-27 15:44 小吴同学 阅读(20442) 评论(2) 编辑
摘要: JS Code:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> <scripttype="text/javascript">////方法一://varsubmit=0;//functioncheckSubmit(){//submit=submit+1;//if(submit>1){;//alert('第'+submit+'次提交');//returnfalse;//}//阅读全文
posted @ 2009-10-22 18:04 小吴同学 阅读(3062) 评论(0) 编辑
摘要: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->protectedvoidPage_Load(objectsender,EventArgse){if(!IsPostBack){for(inti=1;i<=9;i++){for(intj=1;j<=i;j++){intk=i*j;if(i==j){Response.Write("&nbsp;&nbsp;&nbsp;&nbsp;"+i阅读全文
posted @ 2009-10-18 11:37 小吴同学 阅读(794) 评论(2) 编辑