lzf0514

$(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 阅读(345) 评论(0) 推荐(0)

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 阅读(230) 评论(0) 推荐(0)

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

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

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

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 阅读(3930) 评论(2) 推荐(0)

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 阅读(191) 评论(0) 推荐(0)

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 阅读(108) 评论(0) 推荐(0)

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 阅读(165) 评论(0) 推荐(0)