2012年5月15日

$(window).load(function() {})和$(document).ready(function(){})的区别

摘要: 在我以前的开发中,一般用到javascript,我都是采用jquery的模式,也就是大多数时候,第一行写的是:$(document).ready(function(){...});这个时候,不一定要等所有的js和图片加载完毕,就可以执行一些方法,不过有些时候,必须要等所有的元素都加载完毕,才可以执行一些方法的时候,比如说,部分图片或者什么其他方面还没有加载好,这个时候,点击某些按钮,会导致出现意外的情况,这个时候,就需要用到:$(window).load(function() {$("#btn-upload").click(function(){ //比如说:uploadP 阅读全文

posted @ 2012-05-15 11:02 lzf0514 阅读(337) 评论(0) 推荐(0) 编辑

2012年5月10日

text-overflow:ellipsis样式截取文字

摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <meta http-equiv="Content-Type" content= 阅读全文

posted @ 2012-05-10 15:55 lzf0514 阅读(225) 评论(0) 推荐(0) 编辑

2012年5月9日

Jquery插件制作经验分享 之 json字符串转换插件(附:jQuery.Json.js)

摘要: 前几天在做ecshop开发商城时,因其原使用的js框架和方法,与(我想使用的)Jquery框架有冲突,但(原js文件)其中的Ajax处理的 json对象转换的方法又是不可缺少的方法,原来的不能用,只能自己想办法写或找了,为了省事,就先网上搜索看看 ——也感觉有个东西有必要随便了解和学习下:Jquery插件的制作;对于Jquery插件有些了解,却仅仅局限于使用和概念上,对于其制作,只有个大概 的'自我'认识,但却不知道其规范制作方法。[学就学规范的,上网一查 Jquery插件制作方法的文章和帖子 还挺不少。之前还感觉挺神秘或陌生的东西,一看其中的一两篇文章,发现它: 其实很简单, 阅读全文

posted @ 2012-05-09 18:49 lzf0514 阅读(365) 评论(0) 推荐(0) 编辑

2012年5月2日

img.onload:图片的预加载,你所不知道的

摘要: function loadImage(url, callback) { var img =new Image(); //创建一个Image对象,实现图片的预下载 img.src = url; if (img.complete) { // 如果图片已经存在于浏览器缓存,直接调用回调函数 callback(img); return; // 直接返回,不用再处理onload事件 } img.onload =function () { //图片下载完毕时异步调用callback函数。 callback(img);}; }; 在网上搜索了一下相关文章,大体上都是这个思路。这个方法功能是ok的,但是... 阅读全文

posted @ 2012-05-02 15:38 lzf0514 阅读(3817) 评论(2) 推荐(0) 编辑

2012年4月25日

CSS3 必须要知道的10 个顶级命令

摘要: 1.边框圆角(Border Radiuas)这个是我们在平常很常用的吧,以前我在用div圆角的时候,特别特别的痛苦,不管是用CSS来画圆角,还是用图片来画圆角都不那么容易,但是现在好了,在CSS3中,直接只需要如下面饿代码,就能做出美轮美奂的圆角效果了~~~#box1 {border: 1px solid #699;/* for Mozilla Firefox */-moz-border-radius: 20px;/* for Safari & Google Chrome */-webkit-border-radius: 20px;} 实例效果图:2.盒阴影(Box Shadow)就是 阅读全文

posted @ 2012-04-25 11:06 lzf0514 阅读(188) 评论(0) 推荐(0) 编辑

2012年4月23日

javascript 笔记

摘要: 检测浏览器对w3c dom支持:if(document.createElement && document.getElementsByTagName){ //code}添加事件处理程序:function addEventSimple(obj,evt,fn){ if(obj.addEventListener)//W3C obj.addEventListener(evt,fn,false); else if(obj.attachEvent)//microsoft obj.attachEvent('on'+evt,fn);}自执行函数:---------------- 阅读全文

posted @ 2012-04-23 18:58 lzf0514 阅读(100) 评论(0) 推荐(0) 编辑

2012年4月19日

jQuery下的返回顶部功能的实现实例页面

摘要: .backToTop { display: none; width: 18px; line-height: 1.2; padding: 5px 0; background-color: #000; color: #fff; font-size: 12px; text-align: center; position: fixed; _position: absolute; right: 10px; bottom: 100px; _bottom: "auto"; cursor: pointer; opacit... 阅读全文

posted @ 2012-04-19 14:45 lzf0514 阅读(160) 评论(0) 推荐(0) 编辑

导航