摘要: 事件是 dom 交互的主要接口鼠标事件是重点啊为了写一个小游戏我不得不写一个拖拽 以前用jq写过 ,但是 不知怎么地把思路沿用到 原生js里 总会出错 今天又是网友天涯 的指点也写了一个拖拽 似乎还可以View Code 1 (function(){ 2 //简化获取节点 3 function $(ids){ 4 return document.getElementById(ids); 5 } 6 //拖拽函数 7 function drag(obj){ 8 ... 阅读全文
posted @ 2013-01-09 15:39 技安 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 公司一个项目 遇到这样一个问题一个ul 做的下拉原本应该是酱紫可是ie7 却是这样后经过网友Jikey牛的指点 原来这个玩意叫做 ie7 relative 穿透意思是很多层容器 都被 设置了z-index 的时候 以最外面的那个z-index的值为准项目中挡住li的后面几项的 菜单div 恰好也被我设置了 z-index (absolute 布局)然而 ul 以及 装载整个搜索 组件的div 我没有设置z-index所以ie7下 下面的层级就比ul的要高!最后我仔细地 昏息了一下:css:1 *{margin: 0;padding: 0;}2 ul,li{pad... 阅读全文
posted @ 2013-01-04 16:17 技安 阅读(2516) 评论(0) 推荐(0) 编辑
摘要: 以前做网页的时候需要用到flash 自学过一段时间的 AS2.0做过一个钟表的程序,今天得这篇写的也是一样的,只是元素的属性叫法不同而已!先看看效果图吧,首先分析一下这个构造,有三个主要部件和一个北京!老婆说这个北京像一个锅底三根指针的角度由date 对象的几个属性计算得来的 角度比例问题 在此不再赘述!图片 如上最关键的问题有二(1),是指针的旋转中心 和自身位置的问题 旋转中心 用transform-origin: x y; 个人感觉这个和background-position的值差不多; 旋转角度 用transform:rotate(0deg);(2),是如何以css 控制 tran.. 阅读全文
posted @ 2012-12-18 23:31 技安 阅读(494) 评论(0) 推荐(0) 编辑
摘要: 一直想写一个属于自己的表单验证但是对象的基础很差,在网上找了很多demo 看又看不懂;后来网友 天涯 以其博客示之,便有了赶脚,几番拼凑 几番调试勉强算是写完了写的不好 颇多霸割!.....现贴上代码。再次感谢 涯桑先看效果图声明一个类 传一个数组(后面会讲到这是个神马数组)以及 内置验证函数的方法名:function MyCheck(Arr){ // Arr 工厂模式出一个包含所有要验证对象的规则和id //说明 //能力有限 内部验证函数写的不多 可以自行添加 添加后需要把函数名加在this.findFn 里面 使用方法 见index.html/** required --->必填选 阅读全文
posted @ 2012-12-18 23:20 技安 阅读(369) 评论(0) 推荐(0) 编辑
摘要: <!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=utf- 阅读全文
posted @ 2012-11-20 10:01 技安 阅读(735) 评论(0) 推荐(0) 编辑
摘要: ①ie6 flaot 双边距问题 display:inline;每个浮动元素② ie8 没有ul时候,li总会有padding;③ie6 div 上下有间隙 overflow:hidden; margin-top:-6px④font 写在line-height之前才能上下居中⑤ 假传圣旨 父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一层一层的找自己 “领导”(父元素,祖先元素)的麻烦。只要给领导设置个有效的 border或者padding就可以有效的管制这个目无领导的margin防止它越级,假传圣旨,把自己的margin当领导的mar 阅读全文
posted @ 2012-11-14 11:09 技安 阅读(145) 评论(0) 推荐(0) 编辑