2011年7月9日
写个简单 类似webqq的 小功能 （二）：点击好友弹出对话框。
博客更新的有点慢了。。。坚持一件事不只是随意说出的那么简单， 实际行动才是坚持的最好证明。呵呵，现在继续上次的未完待续...点击好友后弹出对话框，首先，好友成员那么多，不可能每一个都给个id 我们就用遍历的方法遍历每个元素 var ma = $("con").getElementsByTagName("li"); for (var i = 0; i < maLegth; i++) { ma[i].onclick = function() { .....//调用对话框的方法 } }然后 我们就开始 写个 创建 新窗口的函数：我可能要想 这个新创建的窗 Read More
posted @ 2011-07-09 22:48 limanclear Views(1413) Comments(0) Diggs(0)
2011年7月6日
写个简单 类似webqq的 小功能 （一）
什么都是从易到难，在洋哥的指导下，我开始以写简单的功能来学习js。由于是初学者，我写的这个是一个功能一个功能块的添加，同时也是为了给自己一个总结。。。第一步：还是做好准备工作，架好html结构。实现2个功能：1.点击好友列表组 产生展开、闭合 交替的效果 2.隐藏 退出功能 html结构（结构）View Code <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />&l Read More
posted @ 2011-07-06 22:38 limanclear Views(570) Comments(3) Diggs(0)
2011年7月3日
初学js 插入节点 appendChild insertBefore 方法
首先 从定义来理解 这两个方法：appendChild() 方法：可向节点的子节点列表的末尾添加新的子节点。语法：appendChild(newchild)insertBefore() 方法：可在已有的子节点前插入一个新的子节点。语法 ：insertBefore(newchild,refchild)相同之处：插入子节点 不同之处：实现原理方法不同。 appendChild方法是在父级节点中的子节点的末尾添加新的节点（相对于父级节点 来说）。 insertBefore 方法 是在已有的节点前添加新的节点（相对于子节点来说的）。来看个这个简单的实例：在id为box-con 的末尾添加一个子节点di Read More
posted @ 2011-07-03 19:28 limanclear Views(1499) Comments(2) Diggs(0)
2011年6月30日
初学js 新节点的创建 删除 的步骤：
对于js 我是个初学者 甚至还不入门，我比较喜欢js做出的特效。特羡慕写出这些特效的高级程序员。我想学习，可总是不知道怎么去思考，不知道怎么去逻辑。有时候也很着急，这些都不怕，幸好还有人教我，指点我，这是我比较幸运的。但是我过不了自己这关了，自己最大的缺点就是 逃避，不会做的就放弃了，不会了就不会了，也不敢问了。改，这个大缺点一定得改。以下，是洋哥指点我的学习技巧，思路清晰，效率也有很大的提高。。废话就不扯了，言归正传：题目：btton 按钮 一个添加 一个删除 ，点击添加按钮就会添加一个节点，点击删除按钮就会删除最后一个节点，添加的新元素点击一下就会被删除。步骤一： 分析思路 做好准备工作 Read More
posted @ 2011-06-30 23:10 limanclear Views(3257) Comments(2) Diggs(0)
2011年6月17日
十个值得关注的优秀的CSS框架
恰当地利用CSS框架可以缩短开发时间，不过话说回来，如果选错了CSS框架胡乱用于实际开发中，必然会适得其反。下面介绍的是一些值得深入研究的开源CSS框架，你可以通过搜索轻易地获取源代码。 1.Blueprint:Bluepring 包含了方便实现浏览器兼容的reset css。另外，它还包含了在网页开发中经常用到的很多外部工具和模板。2.960 Grid System又一个值得深入研究的CSS框架，提供的源文件包含了Firework、Photoshop、Inkscape等等的模板，可以拿来随手即用，PSD文件中已经预置了参考线，可以为设计师节省不少时间。3.Tripoli FrameworkT Read More
posted @ 2011-06-17 16:13 limanclear Views(440) Comments(0) Diggs(0)
css3中的transform
1、transform属性实现了一些可用SVG实现的同样的功能。它可用于内联(inline)元素和块级(block)元素。它允许我们旋转、缩放和移动元素，并且该元素 下的所有子元素 随着参数的设置 旋转、缩放 和移动。他有几个属性值：(1) rotate(旋转)允许你通过传递一个度数值来转动一个对象；其值可取正、负。正值代表 顺时针旋转 负值代表逆时针旋转。例如：rotate(20deg) 顺时针... Read More
posted @ 2011-06-17 15:54 limanclear Views(4353) Comments(1) Diggs(0)
2011年6月15日
纯css写出的下拉菜单。
淘宝的前端代码的确写的很牛 他们勇于探究 尝试 而且付诸实际行动去实施。真的很佩服淘宝的技术开发者。开始我看淘宝网时 我就认为大部分都是用js 来实现的。可是如今在导师的指点下，我发现自己错了，而且错的很离谱。淘宝现在是能用css 实现的就尽量用css了 一些兼容性问题才用js来处理。例如：下图的 下拉菜单 和小箭头 都是纯css实现的。　（这个IE6是不兼容的。伪类在IE6下是不被解析的.）这个效果我自己做了一下，第一步 ：用 li:hover （li的伪类）实现下拉菜单效果，第二步：小箭头 的（依照我以往的做法 是切了2个背景 作为a的背景）确实是实现了和淘宝的效果，但是和淘宝的比较淘宝的 Read More
posted @ 2011-06-15 22:57 limanclear Views(4576) Comments(2) Diggs(0)