2011年11月
弹出层原理
摘要： 弹出层原理：1、设置全屏遮盖层，关键是body,html{width:100%; height:100%;}，兼容IE6需要，另要绝对定位； 2、设置实际内容层，屏幕居中，absolute+top(50%)+left(50%)+margin:-height/2 0 0 -width/2； 3、单击显示1、2两层。 阅读全文
posted @ 2011-11-08 22:50 肥杜 阅读(888) 评论(0) 推荐(0)
2011年8月
仿淘宝星级评分系统
摘要： <!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><meta http-equiv="Content-Type" content="text/html; charset=gb23 阅读全文
posted @ 2011-08-08 17:33 肥杜 阅读(574) 评论(0) 推荐(0)
2011年7月
上传表单的样式模拟
摘要： 最近因为工作需要，不得不再次面对修改上传表单的样式。想当年也曾经遇到过，但当初因为改不了样式，而上级领导又说改不了就默认好了，就没再理了。这次的工作环境不一样了，领导也不一样了，领导直接抛给我个网址，说参考这上面的做法，模拟一个出来就可以了。木有办法，硬着头皮研究了。不逼不知道，原来这个并不难，其实... 阅读全文
posted @ 2011-07-15 23:53 肥杜 阅读(716) 评论(1) 推荐(0)
2011年5月
奋斗季
摘要： 来广州第五天了，今天终于定下来了，前三天，总共面试了五家公司，都是小公司。第一家的地理位置很不错，面试我的技术员也不错，跟我聊了很多，也问了我几个技术问题，最后，还给我做了一道JS查错题，看了很久，没啥头绪，后来，他提示了下我这段代码的出错信息，我立即就反应过来了，他满意地点头，看来他对我的反应还算满意。可是老板就不要了，说我没项目经验，直接不要了，唉。 第二个面试远在白云区，近十个人，面试了一个下午，最后，说我还没毕业，只能算实习的，实习１４００，还啥都不包，转正后也才两千多，还要我去指定的医院体检。我直接不去了。 第三个面试就是我即将要去上班这个了，项目经理面试的我，有决定权，不用最后跟. 阅读全文
posted @ 2011-05-29 13:50 肥杜 阅读(414) 评论(2) 推荐(0)
解决png图片在IE6下的透明问题
摘要： 已经几天没更新博客了，也就是这几天学习上的进账收效甚微，原因是在准备毕业答辩的事，还有两天时间用在了跑去东莞面试，面试的结果很悲催呵呵。自己其实自我感觉还过得去吧，至少能工作，但就是自己还不够自信，在别人面前总会表现出一副初学者的样子，这是很不好的。 感慨的事就不说了，进入正题。 昨天在某Q群，有人大呼：谁给他解决他的PNG图片在IE6下的透明问题，他就给谁充话费。我手快了点，直接打上，我来！但我只知道这类问题谷歌上很多解决方案，属于非常常见的问题，以前我做的时候，这类透明我都是用gif，而直接避开png，所以到现在我并没有去了解过这个问题。但昨天不得不寻找资料了。 最终，我找到的解决方案如. 阅读全文
posted @ 2011-05-20 08:42 肥杜 阅读(10154) 评论(6) 推荐(1)
《锋利的JS》之 复选框全选反选
摘要： 这是《锋利的JQ》里第五章的第三个实例，直接看效果：<!doctype html><html><head><title>复选框全选反选</title><script>window.onload = function(){ var checkedAll = document.getElementById("checkedAll"); var inputs = document.getElementsByTagName("input"); var send = document.getE 阅读全文
posted @ 2011-05-12 17:45 肥杜 阅读(241) 评论(0) 推荐(0)
《锋利的JS》之 多行文本框高度变化
摘要： 这是《锋利的JQ》里第五章的第二个实例，主要知识点是涉及到动画，动画在前面的博文里已有提到，所以这一个实例就放代码，不解释，详情请移步：《锋利的JS》之 轮播效果和动画。结构代码：<!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">< 阅读全文
posted @ 2011-05-11 16:46 肥杜 阅读(684) 评论(0) 推荐(0)
《锋利的JS》之 文本框得到失去焦点
摘要： 这是《锋利的JQ》里第5章的第一个实例，也算是最简单的实例吧，看效果：<!doctype html><html><head><title>文本框得到失去焦点</title><script>window.onload = function(){ var reg = document.getElementById("regForm"); var inputs = []; for(var i = 0; i < reg.elements.length; i++){ if(reg.elements[i].t 阅读全文
posted @ 2011-05-10 10:07 肥杜 阅读(4025) 评论(0) 推荐(0)
《锋利的JS》之 轮播效果
摘要： 这个实例花了我很多时间，主要是在寻找移动动画上，同时也通过这个实例，学习到了很多。先看实例运行的效果：通过单击左右按钮，展示图片分别向左向右切换。下面是结构代码：<!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>& 阅读全文
posted @ 2011-05-09 11:01 肥杜 阅读(435) 评论(0) 推荐(0)
教你如何在博客园放“可运行"代码
摘要： <script type="text/javascript">alert("你知道我是怎么弹出的吗？");</script> 自从看到别人的博客可以放上面那种可运行的代码后，我一直在研究这种效果是怎么弄出来的，我知道蓝色理想上面可以在编辑器里直接将代码放进一个可运行的代码框，发布后就是可运行的了。但博客园的默认的三个编辑器里，死活找不到那可运行的按钮。直到昨天，在群里某高手提示说可以自己写一个，然后他给我说了思路，并提供了一个demo，就是在页面嵌入一个textarea，然后单击运行代码时，将textarea里的所有内容在新ope 阅读全文
posted @ 2011-05-08 13:05 肥杜 阅读(4398) 评论(14) 推荐(4)