前端技巧
sauzny
这个作者很懒,什么都没留下…
展开
-
list-style功能:设置列表项目相关内容。
list-style功能:设置列表项目相关内容。 语法: list-style-type : disc | circle | square | decimal | lower-roman | upper-ro man | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgi an | lower-gre...原创 2012-10-16 15:32:01 · 124 阅读 · 0 评论 -
textarea中的MaxLength属性在ie中失效问题
代码解决原创 2012-09-09 17:18:15 · 164 阅读 · 0 评论 -
jquery中的ready和window的onload之间的“藕断丝连”
遇到了一个死循环,经高人指点,置之死地而后生~ :lol:2012-09-10 03:00:56 · 53 阅读 · 0 评论 -
CSS2.0无图片实现圆角
CSS2.0无图片实现圆角原创 2012-09-13 18:49:57 · 55 阅读 · 0 评论 -
jQuery中ajax中事件执行顺序
1.ajaxStart(全局事件)2.beforeSend3.ajaxSend(全局事件)4.success5.ajaxSuccess(全局事件)6.error7.ajaxError (全局事件)8.complete9.ajaxComplete(全局事件)10.ajaxStop(全局事件)...原创 2012-09-18 10:51:58 · 164 阅读 · 0 评论 -
Jquery弹出层BlockUI的用法(BlockUI是个插件)
例子一: $(document).ready(function () { $('#btnOpen').click(function () { $.blockUI(); setTimeout($.unblockUI, 2...原创 2012-09-18 11:02:26 · 184 阅读 · 0 评论 -
word-wrap同break-word的区别
自动换行word-break:break-all和word-wrap:break-word的区别word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。它们的区别就在于:1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratu...原创 2012-09-23 15:09:41 · 46 阅读 · 0 评论 -
base64:URL背景图片与web页面性能优化
一、base64百科Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,可用于在HTTP环境下传递较长的标识信息。某人: 唉,我彻底废柴了,为何上面明明是中文,洒家却看不懂嘞,为什么?好吧,我也不喜欢专业术语的解释。你只要知道,base64编码就是长得像下面这样子的代码:thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS9pbWcvc3...原创 2012-09-26 18:07:40 · 169 阅读 · 0 评论 -
对textarea的内容进行详细监听(键盘+鼠标)
[code="js"] $("#textarea").bind("propertychange",function(){...}); $("#textarea").bind("input",function(){...});[/code]这两个事件必须使用 bind 绑定使用propertychange 是ie事件 就是ie 6 7 8 input 是I...原创 2012-09-27 17:56:24 · 1630 阅读 · 0 评论 -
js对字符串的处理,以及验证
JS自带函数concat将两个或多个字符的文本组合起来,返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"indexOf返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有匹配项,返回 -1 。var index1 = a.indexOf("l");//in...原创 2013-01-16 14:06:54 · 72 阅读 · 0 评论 -
js 正则验证
/判断输入内容是否为空 function IsNull(){ var str = document.getElementById('str').value.trim(); if(str.length==0){ alert('对不起,文本框不能为空或者为空格!');//请将“文本框”改成你需要验证的属性名称! } } //判断日期类型是否为YYYY-MM-DD格式的类型 function...原创 2013-01-16 14:25:03 · 55 阅读 · 0 评论 -
JS父页面获取子页面返回值
父页面<html><head> <title>无标题页</title> <script language="javascript" type="text/javascript"> function opendialog1() { var someValue=wi原创 2012-10-11 16:47:14 · 269 阅读 · 0 评论 -
uploadify上传文件
发现网上很多人写的都好像是旧的方法,好像已经过时了……找了很久在Change Log.txt中看的见版本这个是我的v3.2.1- Updated uploadify.swf with security updates from secure swfupload.自己写了一个,又找了别人的一个,贴上两个文件这个是我自己写的,实现了 单个文件和多文件上传的效果<!D...原创 2013-07-16 11:15:23 · 68 阅读 · 0 评论 -
jquery弹出窗口锁屏代码
还在改进中原创 2012-09-09 17:17:26 · 97 阅读 · 0 评论 -
json不能解读回车等字符引发的java与js编码和解码的问题
编码问题乱七八糟原创 2012-09-09 17:16:06 · 95 阅读 · 0 评论 -
ipad 浏览器对于onscroll的延迟
ipad 浏览器对于onscroll的延迟呃,我的博客没什么人看~这个文章是看的最多的~但是真悲剧~这个还真是无解~~至少我是不会了~ 苹果的的浏览器,我是真不会啊 也希望有哦大神能指点虽然不能从根本上解决,但是可以从侧面解决这个问题常见的做法就是增加一个 标识变量 flag 我个人感觉增加这个之后,对于解决onscroll延迟是完全可以解决的~...原创 2012-09-01 11:31:40 · 192 阅读 · 0 评论 -
jquery的md5插件
[code="js"](function($){ var rotateLeft = function(lValue, iShiftBits) { return (lValue >> (32 - iShiftBits)); }; var addUnsigned = function(lX, lY) { var lX4, lY4...原创 2012-10-20 18:24:48 · 353 阅读 · 0 评论 -
JQUERY的父,子,兄弟节点查找方法
jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不...原创 2012-10-31 11:00:12 · 77 阅读 · 0 评论 -
jquery ajax的参数详解
参数名类型描述url String(默认: 当前页地址) 发送请求的地址。typeString(默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 Delete 也可以使用,但仅部分浏览器支持。...原创 2012-10-31 13:00:28 · 71 阅读 · 0 评论 -
(MD)正则表达式中的特殊字符
字符 含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/将只匹配"a*"。 ^ 匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配原创 2012-11-01 14:52:11 · 688 阅读 · 0 评论 -
Jquery中bind和live的区别
Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){}); 第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个o...原创 2012-11-28 13:35:02 · 77 阅读 · 0 评论 -
div横向排列
div的横向排列 使用css样式去控制 属性为 float:left 这样就可以实现 在实现之后要加上<div style="clear:both"></div>这样的一句话,意义就是清除 在这里 就是意味着 下面的div不再横向排列。 ...原创 2012-08-28 09:42:03 · 99 阅读 · 0 评论 -
页面到达底部时的自动刷新
[code="js"]window.onscroll=function(){ var a = document.documentElement.scrollTop==0? document.body.clientHeight : document.documentElement.clientHeight; var b = document.documentElement.scrollTop...原创 2012-08-28 09:45:56 · 368 阅读 · 0 评论 -
ajax在ie中正常,在火狐下出现parsererror
很多网上的文章都是火狐下正常,IE下出错,如果是这种问题到网上找别的博文就可以了。我的是ajax在ie中正常,在火狐下出现parsererror,而且200,4都能正常返回。最后发现的原因是【json的格式】问题,我把json格式化了,就出现了这个错误,把json中的换行,空格都去掉,这样就没有问题了。下面是jquery中的ajax方法出现问题时会调用的error方法,查看错误信息...原创 2012-08-28 09:52:26 · 101 阅读 · 0 评论 -
CSS Sprites 图片整合技术
把网站中用到的所有小图标整合在一张图片上,减少浏览器对服务器的请求。 当您往U盘中拷200张图片,会等很久。但是如果弄成一个文件,再拷贝就会快很多。CSS Sprites(图片整合技术) 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。如下图所示: 美国YAHOO在页面制作中所用到的图片整合技术,这样做虽然需要花一定的时间来有规则的合并这些IC...原创 2012-08-28 14:13:36 · 177 阅读 · 0 评论 -
页面到达底部时候的自动刷新(续,苹果浏览器)
浏览器兼容性问题。[code="js"] window.onscroll=function(){ var a = $(window).height(); var b = document.documentElement.scrollTop==0? document.body.scrollTop : document.documentElement.scrollTop; v...原创 2012-08-29 09:47:21 · 339 阅读 · 0 评论 -
jquery控制右侧滚动条
jquery控制右侧滚动条[code="js"]$("html,body").animate({scrollTop : $(this).offset().top}, 1000);[/code]稍微说明一下 这个效果:调用此方法,会是当前的div向上活动至屏幕最上方,(同时也就是右侧滚动条会下滑)具体的也可以查看animate方法的含义...原创 2012-08-30 10:57:31 · 327 阅读 · 0 评论 -
jquery中的bind事件,详解,传参
jquery中的bind事件,详解,传参第一个,关于这句的解释: $(window).bind('load.jcarousel', function() { windowLoaded = true; });1. 一次可以绑定多个事件。如:[code="js"] $('#foo').bind({ click: function() { // do somethi...原创 2012-08-30 10:58:18 · 656 阅读 · 0 评论 -
js中setInterval与setTimeout用法
setTimeout 定义和用法: setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。 语法: setTimeout(code,millisec) 参数: code (必需):要调用的函数后要执行的 JavaScript 代码串。 millisec(必需):在执行代码前需等待的毫秒数。 ...原创 2014-01-17 10:01:44 · 66 阅读 · 0 评论