摘要:a:link{color:#f30;} a:visited{color:#000;} a:hover{color:#fff;} a:active{color:#f99;}上面是a元素4个伪类的正确顺序,简称 lvha(love-ha)。为什么这样才是正确的? 首先4个伪类的特殊性(应用优先级)是同样的,CSS有一条规则“后出现的样式会覆盖前面的样式”,伪类同样适用这条原则,所以当两个伪类同时作用于同一个元素的时候,相同的CSS属性就覆盖了。比如把hover放在active后面,那么实际你在激活(active)链接的时候就触发了hover伪类,hover在后面覆盖了a... 阅读全文
posted @ 2011-07-15 13:22 Jun.lu 阅读(1331) 评论(1) 推荐(0) 编辑
摘要:在GITHUB上的文件 https://github.com/jun-lu/jun/blob/master/gitNotes.txt GIT 学习笔记集中化的版本控制系统 CVCS分布式版本控制系统 DVCSGit 基础要点 http://progit.org/book/zh/ch1-3.html 1:直接快照,而非比较差异 2:近乎所有操作都可本地执行 3:时刻保持数据完整性 (Git 使用 SHA-1 算法计算数据的校验 ,40 个十六进制字符(0-9 及 a-f)组成) 4:多数操作仅添加数据 5:三种状态(已提交(committed),已修改(modified)和已暂存(stage.. 阅读全文
posted @ 2011-07-05 12:04 Jun.lu 阅读(2717) 评论(1) 推荐(0) 编辑
摘要:动态加载外部JS关于执行顺序,其实还存在问题! //2011-07-28-----------------------------------------------------原文来之:博客园idche前几天公司的项目需要这个功能,本来想找一个别人写的(别人的应该经过了许多测试,没啥问题)。由于对这个功能的要求不高,只需要简单动态加在加载,不重复加载,简单的依赖就可以了。最终还是自己花时间写了。如果你熟悉YUI,那么它跟YUI的工作方式很像添加一个JSWW.add('jQuery', 'http://code.jquery.com/jquery-1.6.1.min.j 阅读全文
posted @ 2011-06-20 10:20 Jun.lu 阅读(3136) 评论(7) 推荐(3) 编辑
摘要:超喜欢这些画,大爱。http://show.baidu.com/给孤独一个爱的抱抱。其实,我们都挺孤单,在陌生的城市,上班、下班、挤公交。下面附上 这个JS效果!(注意:没有测试IE9以下浏览器兼容性)明天就放假了,同学们到哪里去玩?有女朋友陪吗? <! DOCTYPE html><html> <head> <title></title> <mce:style type="text/css"><!-- .box{ text-align:center; margin:20px 0; overflow 阅读全文
posted @ 2011-06-03 15:17 Jun.lu 阅读(1490) 评论(5) 推荐(1) 编辑
摘要:参考资料:https://developer.mozilla.org/En/XMLHttpRequest/Using_XMLHttpRequest#Using_FormData_objectsFormData,你可以把他当成一个form表单。用ajax的 send(formdata)。就可以发送这个表单。你想到了什么?可以发送file域吗? 答案:可以凡事form表单可以做的事情,他都可以干了。唯一的方法:.append(String, [String,Number,File]);详细信息可以参考上面的资料!用他来上传图片,简直爽到极点了,目前支持 firefox chrome。下面的代码来之 阅读全文
posted @ 2011-05-16 15:49 Jun.lu 阅读(5472) 评论(4) 推荐(1) 编辑
摘要:先看事例,根据下面的HTML和后端接口来更新界面。HTML:<ul> <li>用户名:<span id="userName"></span></li> <li>昵称:<span id="loveName"></span></li> <li>生日:<span id="birthday"></span></li></ul><input type="butto 阅读全文
posted @ 2011-05-09 17:09 Jun.lu 阅读(1867) 评论(12) 推荐(3) 编辑
摘要:前几天项目有个功能,必须使用js去调用flash的方法,来改变flash的内部状态。其他浏览器都挺好,唯独IE6-8会出现问题。使用下面代码(用js调用flash的func方法并传递一个数字)! function callFlash (index){ // 这里使用了jquery浏览器检查 var flash = $.browser.msie&&$.browser.version!=="9.0" ? window["magic"] : document["magic"]; //flash.func func是flash 阅读全文
posted @ 2011-05-08 10:15 Jun.lu 阅读(3511) 评论(5) 推荐(1) 编辑
摘要:File and FileReaderFile FileReader 可以干什么? Ajax文件上传例子 FileReader 对象可以读取文件的 Base64编码数据(readAsDataURL),2进制字符串(readAsBinaryString),文本(readAsText)并且都是异步的。 对了,Email拖拽附件上传就可以利用 FileReader 配合 Ajax 完成。File 对象 File对象可以从 input[type=file].files 数组,和拖拽事件 event.dataTransfer.files 中获取到。 第一张图是 Chrome 下的 File 对象,第2个 阅读全文
posted @ 2011-04-27 15:13 Jun.lu 阅读(7710) 评论(5) 推荐(3) 编辑
摘要:分享两个布局模型之前看过YUI的CSS框架,觉得非常神奇。在后面的工作,中渐渐的觉得一个好的布局(可扩展性)对于整体网站架构的重要性。于是写了下面两个布局模型,分别为 普通页面布局,管理界面布局当然这也有利于你偷懒 下载地址 <!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/1 阅读全文
posted @ 2011-04-11 11:09 Jun.lu 阅读(533) 评论(0) 推荐(0) 编辑
摘要:在很久很久以前,我写过一次自定义动画的实现,现在看起来已经比较烂了,所以最近又重写了。其实下面的源码也挺简单。所以我不再详细说明。欢迎高手指正。 如果你有兴趣可以下载。 不对我应该还有一个问题,比如我使用jQuery 貌似不能正确获得 borderWidth。如果要进行边框宽度的变化无法得到初始值,也就没办法正确执行了。 你可以试试如何可以获得borderWidth正确的值。希望你不吝赐教(我后面自己测试只能同时获取一边的宽度 border-right-width,border-left-width,..) /* * space 命名空间 * win window 对象 * undef un. 阅读全文
posted @ 2011-03-22 20:16 Jun.lu 阅读(3590) 评论(10) 推荐(2) 编辑
摘要:觉得还不错:Stip插件 -一个用于表单验证的提示插件文件拖拽上传-类是gmail附件拖拽上传微博@提示效果 - 类似腾讯微博的@好友提示效果JS几种排序源码- 常见排序javascript 源码自定义动画 - 类似jquery的animate自定义动画(正在重写)一些页面效果:延迟加载 - 类似淘宝首页图片延迟加载textarea操作集合图片轮换效果-许多页面都会用到图片放大镜效果一些项目Android微博项目源码Chrome 插件PHP CMS项目源码 阅读全文
posted @ 2011-03-15 16:39 Jun.lu 阅读(251) 评论(0) 推荐(0) 编辑
摘要:说明写这个主要是为了锻炼自己,并无实际意义。每个浏览器测试得出的数据会不一样。比如我用chrome 测试 一般快速排序都会最快,IE 则根据数组长度有可能希尔最快。不要用太大数据去测试冒泡排序(浏览器崩溃了我不管)如果有兴趣可以 在线排序动画 下载测试页面个人理解冒泡排序:最简单,也最慢,貌似长度小于7最优插入排序:比冒泡快,比快速排序和希尔排序慢,较小数据有优势快速排序:这是一个非常快的排序方式,V8的sort方法就使用快速排序和插入排序的结合希尔排序:在非chrome下数组长度小于1000,希尔排序比快速更快系统方法:在forfox下系统的这个方法非常快// ---------- 一些排序 阅读全文
posted @ 2011-02-16 19:56 Jun.lu 阅读(49140) 评论(9) 推荐(11) 编辑
摘要:第一个版本:http://www.cnblogs.com/idche/archive/2010/09/17/ljtips.html第二个版本:http://www.cnblogs.com/idche/archive/2010/12/17/1909490.html下载链接Stip说明。 Stip是一个简单的提示组建,我期望它可以把表单验证变得简单。 简单,小巧,灵活。演示地址:http://jun-lu.github.com/Stip/doc/index.html3.0 更新说明 1: 添加静态Stip.config.conteng配置,这里你可以全局配置它成为... 阅读全文
posted @ 2011-01-24 11:11 Jun.lu 阅读(890) 评论(1) 推荐(3) 编辑
摘要:原文地址:博客园IDCHE很久以前写个这东西还很吃力。现在也变得那么容易了。进步了呵呵。仅仅是用博客记录一下。 123451----------------------------------------------------------------------------------------------------[代码] 阅读全文
posted @ 2011-01-03 19:15 Jun.lu 阅读(363) 评论(3) 推荐(0) 编辑
摘要:简单提示框插件 Stip 插件主要用于表单验证提示,页面信息提示等。 第一个版本地址:第一个版本 当前第2个版本:下载地址 第一个版本可以平滑升级到第二个版本(按照命名空间配置修改)。API完全兼容。 更新说明使用伪类进行代码重构(节约资源)添加高级配置(可定制个性化Stip,)添加kind参数去掉了clear参数修正前一个版本的一些BUG演示使用场景 表单验证 页面提示 页面提示 Stip 使用说明Stip 使用说明 参数返回值方法说明Stip()String | elementObject返回tips对象,包含.show 和.hide()方法显示和隐藏 .show()JSON or 阅读全文
posted @ 2010-12-17 17:53 Jun.lu 阅读(2481) 评论(10) 推荐(5) 编辑
摘要:从gmail 的附件拖拽上传,到网易邮箱的拖拽上传,我们看到了html 5 为我们带来了新的web体验。腾讯微博也已近实现了拖拽上传。其实很简单。由于没有服务器支持在文章里不能做上传演示,下载实例本文源地址:博客园idche拖拽上传需要什么支持1:需要浏览器支持 drop 事件。(响应拖拽事件获取file对象);2:XMLHttpRequest 对象有 sendAsBinary 方法(用于发送数据... 阅读全文
posted @ 2010-11-24 13:37 Jun.lu 阅读(5039) 评论(21) 推荐(5) 编辑
摘要:请使用下面的btn操作。虽然你现在看来没什么用,当要用的时候又到处找资料,还不如现在收集一下。abcdefghijklmnopqrstuvwxyz在DOM里面操作textarea里面的字符,是比较麻烦的。于是我有这个封装分享给大家,测试过IE6,8, firefox ,chrome, opera , safari。兼容没问题。注意:在firefox下 添加字符串的时候有个bug 就是scrollT... 阅读全文
posted @ 2010-11-15 13:05 Jun.lu 阅读(4266) 评论(9) 推荐(4) 编辑
摘要:首先页面上有一个 textarea id="test"/textarea我们为其绑定以下事件 我们分别注释掉其中的两个事件,每次测试仅绑定一个事件。 很明显我们每个函数都返回false,如果返回值可以阻止事件默认动作,那么文本框将无法输入任何内容。 看下面我测试的结果,注意红的部分。 最后我分别把事件绑定两次,每次返回false看是否能阻止默认动作。 还是用了一个a标记测试onclick 返回false 是否跳转。侦听事件返回 false 是否阻止事件默认动作 chromeIE-8firfoxoperSafarionkeydownyesyesyesnoyesonkeyupnonono 阅读全文
posted @ 2010-11-13 19:07 Jun.lu 阅读(2812) 评论(1) 推荐(1) 编辑
摘要:想@到谁? 至少有3处BUG,建议不要使用这段程序相信你老早就在腾讯或者新浪的微博上体验到@符号的魅力了这里有一个简单的实现,浏览器兼容还好。下载演示文件实现思路我们可以用onkeyup事件监测文本框是否输入了一个@符号,如果输入了就找到@符号在页面上的绝对位置,弹出选择框。在操作textarea的时候光标的绝对位置是个麻烦事。如何获取textarea 里的光标的位置?请结合图片看下面的实现方法。A:是一个textareaB:当前光标位置首先在页面创建一个(C)具有 visibility:hidden;(占位但是不显示) 属性的DIV。他的位置、宽度、高度与A文本框一样(这意味着C现在与A已. 阅读全文
posted @ 2010-10-30 14:49 Jun.lu 阅读(4339) 评论(44) 推荐(8) 编辑
摘要:这个月都还没。必须要凑数。网站登录为了更好的用户体验都会在输入密码的时候检测是否开启大写。提醒用户。在下面的 input框里测试下吧!这段代码来之 <点我>。不过我做了一点小改进。主要对 已经激活input框的 大写锁定进行实时检测。大写锁定已开启------------代码 阅读全文
posted @ 2010-10-24 13:13 Jun.lu 阅读(642) 评论(3) 推荐(1) 编辑